/*-----------------------------------------------------------------------------------

    Template Name: Eduhome - Educational HTML Template
    Template URI: 
    Description: This is html5 template
    Author: HasTech
    Author URI: 
    Version: 1.0

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
	
    1. Default CSS
    2. Header CSS
    3. Slider CSS
    4. Notice CSS
    5. Choose CSS
    6. Courses CSS
    7. Event CSS
    8. Testimonial CSS
    9. Blog CSS
    10. Subscribe CSS
    11. Scrollup CSS
    12. Footer CSS
    13. Service CSS
    14. About CSS
    15. Teacher CSS
    16. Contact CSS
    17. Login CSS
    18. Register CSS

-----------------------------------------------------------------------------------*/

/*----------------------------------------*/
/*  1. Default CSS
/*----------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800');
body {
	color: #606060;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
    font-family: 'Open Sans', sans-serif; 
}
.clear{clear:both}
.fix {overflow: hidden}
.block {display: block}
img{
    max-width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
	height:auto;
}
h1, h2, h3, h4, h5, h6 {font-weight: 700; margin: 0; padding: 0}
a{
    text-decoration: none;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
a:focus{
    text-decoration: none;
}
a:focus,
a:hover {
    color: #094c99;
    text-decoration: none;
}
a:active, a:hover {
    outline: 0 none;
}
a,
button,
input {
    outline: medium none;
    color: #606060;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}
button{border: 0}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color: inherit}
label {
    font-size: 15px;
    font-weight: 400;
    color: #606060;
}
*::-moz-selection {
    background: #b3d4fc;
    color: #fff;
    text-shadow: none;
}
::-moz-selection {
    color: #fff;
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
    color: #fff;
}
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
.mark, mark {
    background: #4fc1f0 none repeat scroll 0 0;
    color: #ffffff;
    font-weight: 600;
}
.f-left {float: left}
.f-right {float: right}
p {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    font-family: 'Open Sans', sans-serif;
}
ul{
	list-style: outside none none;
	margin: 0;
	padding: 0
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #969696;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #969696;
    opacity:1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
:-ms-input-placeholder { /* IE 10+ */
    color: #969696;
}
:-moz-placeholder { /* Firefox 18- */
    color: #969696;
}
.bg-light{background: #FAFAFA}
.default-btn {
    color: #fff;
    display: inline-block;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    font-weight: 700;
    overflow: hidden;
    padding: 8px 25px 9px;
    position: relative;
    text-transform: uppercase;
    z-index: 9;
    background: #094c99;
}
.default-btn:hover {color: #094c99; background: #fff}

.banner-btn span {
    transition: all 0.3s ease 0s;
}
input,
select,
textarea {
    -webkit-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}
.banner-area {
  background: linear-gradient(#1f2e5aad, #1f2e5aad),
    url("../img/rayax-slider-1.jpg") no-repeat center center / cover;
  position: relative;
  width: 100%;
  z-index: 1;
  padding-block:80px;
} 
/*.banner-content {*/
/*    padding: 132px 0 134px;*/
/*}*/
.banner-content h6{
  color: #fff !important;
    z-index: 2;
    position: relative;
    font-size: 20px;
}
.banner-content h2{
    font-size: 50px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    z-index: 1;
    position: relative;
}
.banner-breadcrumb ul li {
  display: inline-block;
  padding: 30px 0;
}
.banner-breadcrumb ul li a, .banner-breadcrumb ul li{
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    text-transform: capitalize;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.banner-breadcrumb ul li:hover a{color: #471A72}
/*************************
     Basic margin padding
*************************/
.m-0 {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}
.p-0 {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}
/*************************
        Margin top
*************************/
.mt-0 { margin-top: 0 }
.mt-10 { margin-top: 10px }
.mt-15 { margin-top: 15px }
.mt-20 { margin-top: 20px }
.mt-23 { margin-top: 23px }
.mt-25 { margin-top: 25px }
.mt-30 { margin-top: 30px }
.mt-35 { margin-top: 35px }
.mt-40 { margin-top: 40px }
.mt-45 { margin-top: 45px }
.mt-50 { margin-top: 50px }
.mt-55 { margin-top: 55px }
.mt-58 { margin-top: 58px }
.mt-60 { margin-top: 60px }
.mt-65 { margin-top: 65px }
.mt-70 { margin-top: 70px }
.mt-75 { margin-top: 75px }
.mt-80 { margin-top: 80px }
.mt-85 { margin-top: 85px }
.mt-90 { margin-top: 90px }
.mt-95 { margin-top: 95px }
.mt-96 { margin-top: 96px }
.mt-100 { margin-top: 100px }
.mt-105 { margin-top: 105px }
.mt-110 { margin-top: 110px }
.mt-115 { margin-top: 115px }
.mt-120 { margin-top: 120px }
.mt-125 { margin-top: 125px }
.mt-130 { margin-top: 130px }
.mt-135 { margin-top: 135px }
.mt-140 { margin-top: 140px }
.mt-145 { margin-top: 145px }
.mt-150 { margin-top: 150px }
.mt-157 { margin-top: 157px }
.mt-195 { margin-top: 195px }
/*************************
      Margin right
*************************/
.mr-0 { margin-right: 0px }
.mr-2 { margin-right: 2px }
.mr-10 { margin-right: 10px }
.mr-15 { margin-right: 15px }
.mr-20 { margin-right: 20px }
.mr-30 { margin-right: 30px }
.mr-40 { margin-right: 40px }
.mr-50 { margin-right: 50px }
.mr-60 { margin-right: 60px }
.mr-66 { margin-right: 66px }
.mr-70 { margin-right: 70px }
.mr-80 { margin-right: 80px }
.mr-90 { margin-right: 90px }
.mr-100 { margin-right: 100px }
.mr-110 { margin-right: 110px }
.mr-120 { margin-right: 120px }
.mr-130 { margin-right: 130px }
.mr-140 { margin-right: 140px }
.mr-150 { margin-right: 150px }
/*************************
    Margin bottom
*************************/
.mb-0 { margin-bottom: 0px }
.mb-2 { margin-bottom: 2px }
.mb-5 { margin-bottom: 5px }
.mb-10 { margin-bottom: 10px }
.mb-15 { margin-bottom: 15px }
.mb-20 { margin-bottom: 20px }
.mb-22 { margin-bottom: 22px }
.mb-23 { margin-bottom: 23px }
.mb-25 { margin-bottom: 25px }
.mb-30 { margin-bottom: 30px }
.mb-33 { margin-bottom: 33px }
.mb-35 { margin-bottom: 35px }
.mb-38 { margin-bottom: 38px }
.mb-40 { margin-bottom: 40px }
.mb-45 { margin-bottom: 45px }
.mb-47 { margin-bottom: 47px }
.mb-48 { margin-bottom: 48px }
.mb-50 { margin-bottom: 50px }
.mb-55 { margin-bottom: 55px }
.mb-58 { margin-bottom: 58px }
.mb-60 { margin-bottom: 60px }
.mb-65 { margin-bottom: 65px }
.mb-70 { margin-bottom: 70px }
.mb-75 { margin-bottom: 75px }
.mb-80 { margin-bottom: 80px }
.mb-85 { margin-bottom: 85px }
.mb-90 { margin-bottom: 90px }
.mb-95 { margin-bottom: 95px }
.mb-96 { margin-bottom: 96px }
.mb-100 { margin-bottom: 100px }
.mb-105 { margin-bottom: 105px }
.mb-110 { margin-bottom: 110px }
.mb-115 { margin-bottom: 115px }
.mb-120 { margin-bottom: 120px }
.mb-125 { margin-bottom: 125px }
.mb-128 { margin-bottom: 128px }
.mb-130 { margin-bottom: 130px }
.mb-135 { margin-bottom: 135px }
.mb-140 { margin-bottom: 140px }
.mb-145 { margin-bottom: 145px }
.mb-150 { margin-bottom: 150px }
.mb-220 { margin-bottom: 220px }
.mb-350 { margin-bottom: 350px }
/*************************
    Margin left
*************************/
.ml-0 { margin-left: 0 }
.ml-10 { margin-left: 10px }
.ml-15 { margin-left: 15px }
.ml-20 { margin-left: 20px }
.ml-30 { margin-left: 30px }
.ml-40 { margin-left: 40px }
.ml-50 { margin-left: 50px }
.ml-60 { margin-left: 60px }
.ml-70 { margin-left: 70px }
.ml-85 { margin-left: 85px }
.ml-80 { margin-left: 80px }
.ml-90 { margin-left: 90px }
.ml-100 { margin-left: 100px }
.ml-110 { margin-left: 110px }
.ml-120 { margin-left: 120px }
.ml-130 { margin-left: 130px }
.ml-140 { margin-left: 140px }
.ml-150 { margin-left: 150px }
/*************************
    Padding top
*************************/
.pt-0 { padding-top: 0 }
.pt-10 { padding-top: 10px }
.pt-12 { padding-top: 12px }
.pt-15 { padding-top: 15px }
.pt-20 { padding-top: 20px }
.pt-23 { padding-top: 23px }
.pt-25 { padding-top: 25px }
.pt-30 { padding-top: 30px }
.pt-35 { padding-top: 35px }
.pt-38 { padding-top: 38px }
.pt-40 { padding-top: 40px }
.pt-45 { padding-top: 45px }
.pt-50 { padding-top: 50px }
.pt-55 { padding-top: 55px }
.pt-58 { padding-top: 58px }
.pt-60 { padding-top: 60px }
.pt-65 { padding-top: 65px }
.pt-66 { padding-top: 66px }
.pt-70 { padding-top: 70px }
.pt-72 { padding-top: 72px }
.pt-75 { padding-top: 75px }
.pt-77 { padding-top: 77px }
.pt-80 { padding-top: 80px }
.pt-85 { padding-top: 85px }
.pt-90 { padding-top: 90px }
.pt-93 { padding-top: 93px }
.pt-95 { padding-top: 95px }
.pt-96 { padding-top: 96px }
.pt-98 { padding-top: 98px }
.pt-100 { padding-top: 100px }
.pt-104 { padding-top: 104px }
.pt-105 { padding-top: 105px }
.pt-110 { padding-top: 110px }
.pt-112 { padding-top: 112px }
.pt-113 { padding-top: 113px }
.pt-115 { padding-top: 115px }
.pt-117 { padding-top: 117px }
.pt-120 { padding-top: 120px }
.pt-122 { padding-top: 122px }
.pt-123 { padding-top: 123px }
.pt-124 { padding-top: 124px }
.pt-125 { padding-top: 125px }
.pt-130 { padding-top: 130px }
.pt-135 { padding-top: 135px }
.pt-140 { padding-top: 140px }
.pt-145 { padding-top: 145px }
.pt-150 { padding-top: 150px }
.pt-152 { padding-top: 152px }
.pt-155 { padding-top: 155px }
.pt-157 { padding-top: 157px }
.pt-160 { padding-top: 160px }
.pt-195 { padding-top: 195px }
.pt-220 { padding-top: 220px }
/*************************
    Padding right
*************************/
.pr-0 { padding-right: 0 }
.pr-10 { padding-right: 10px }
.pr-15 { padding-right: 15px }
.pr-20 { padding-right: 20px }
.pr-30 { padding-right: 30px }
.pr-40 { padding-right: 40px }
.pr-50 { padding-right: 50px }
.pr-58 { padding-right: 58px }
.pr-60 { padding-right: 60px }
.pr-63 { padding-right: 63px }
.pr-70 { padding-right: 70px }
.pr-80 { padding-right: 80px }
.pr-90 { padding-right: 90px }
.pr-100 { padding-right: 100px }
.pr-110 { padding-right: 110px }
.pr-120 { padding-right: 120px }
.pr-130 { padding-right: 130px }
.pr-140 { padding-right: 140px }
/*************************
    Padding bottom
*************************/
.pb-0 { padding-bottom: 0 }
.pb-10 { padding-bottom: 10px }
.pb-12 { padding-bottom: 12px }
.pb-14 { padding-bottom: 14px }
.pb-15 { padding-bottom: 15px }
.pb-20 { padding-bottom: 20px }
.pb-25 { padding-bottom: 25px }
.pb-27 { padding-bottom: 27px }
.pb-30 { padding-bottom: 30px }
.pb-35 { padding-bottom: 35px }
.pb-38 { padding-bottom: 38px }
.pb-40 { padding-bottom: 40px }
.pb-45 { padding-bottom: 45px }
.pb-50 { padding-bottom: 50px }
.pb-55 { padding-bottom: 55px }
.pb-60 { padding-bottom: 60px }
.pb-65 { padding-bottom: 65px }
.pb-66 { padding-bottom: 66px }
.pb-70 { padding-bottom: 70px }
.pb-75 { padding-bottom: 75px }
.pb-78 { padding-bottom: 78px }
.pb-80 { padding-bottom: 80px }
.pb-83 { padding-bottom: 83px }
.pb-85 { padding-bottom: 85px }
.pb-88 { padding-bottom: 88px }
.pb-90 { padding-bottom: 90px }
.pb-93 { padding-bottom: 93px }
.pb-95 { padding-bottom: 95px }
.pb-96 { padding-bottom: 96px }
.pb-100 { padding-bottom: 100px }
.pb-105 { padding-bottom: 105px }
.pb-110 { padding-bottom: 110px }
.pb-115 { padding-bottom: 115px }
.pb-118 { padding-bottom: 118px }
.pb-120 { padding-bottom: 120px }
.pb-125 { padding-bottom: 125px }
.pb-128 { padding-bottom: 128px }
.pb-130 { padding-bottom: 130px }
.pb-135 { padding-bottom: 135px }
.pb-140 { padding-bottom: 140px }
.pb-145 { padding-bottom: 145px }
.pb-150 { padding-bottom: 150px }
.pb-155 { padding-bottom: 155px }
.pb-185 { padding-bottom: 185px }
.pb-190 { padding-bottom: 190px }
.pb-195 { padding-bottom: 195px }
.pb-220 { padding-bottom: 220px }
/*************************
    Padding left
*************************/
.pl-0 { padding-left: 0 }
.pl-10 { padding-left: 10px }
.pl-15 { padding-left: 15px }
.pl-20 { padding-left: 20px }
.pl-30 { padding-left: 30px }
.pl-40 { padding-left: 40px }
.pl-50 { padding-left: 50px }
.pl-60 { padding-left: 60px }
.pl-70 { padding-left: 70px }
.pl-80 { padding-left: 80px }
.pl-90 { padding-left: 90px }
.pl-100 { padding-left: 100px }
.pl-110 { padding-left: 110px }
.pl-120 { padding-left: 120px }
.pl-130 { padding-left: 130px }
.pl-140 { padding-left: 140px }
.pl-150 { padding-left: 150px }
/***************************
    Page section padding 
****************************/
.ptb-0 { padding: 0 }
.ptb-10 { padding: 10px 0 }
.ptb-18 { padding: 18px 0 }
.ptb-20 { padding: 20px 0 }
.ptb-30 { padding: 30px 0 }
.ptb-40 { padding: 40px 0 }
.ptb-50 { padding: 50px 0 }
.ptb-60 { padding: 60px 0 }
.ptb-70 { padding: 70px 0 }
.ptb-80 { padding: 80px 0 }
.ptb-90 { padding: 90px 0 }
.ptb-100 { padding: 100px 0 }
.ptb-110 { padding: 110px 0 }
.ptb-120 { padding: 120px 0 }
.ptb-130 { padding: 130px 0 }
.ptb-140 { padding: 140px 0 }
.ptb-150 { padding: 150px 0 }
/***************************
    Page section margin 
****************************/
.mtb-0 { margin: 0 }
.mtb-10 { margin: 10px 0 }
.mtb-15 { margin: 15px 0 }
.mtb-20 { margin: 20px 0 }
.mtb-30 { margin: 30px 0 }
.mtb-40 { margin: 40px 0 }
.mtb-50 { margin: 50px 0 }
.mtb-60 { margin: 60px 0 }
.mtb-70 { margin: 70px 0 }
.mtb-80 { margin: 80px 0 }
.mtb-90 { margin: 90px 0 }
.mtb-100 { margin: 100px 0 }
.mtb-110 { margin: 110px 0 }
.mtb-120 { margin: 120px 0 }
.mtb-130 { margin: 130px 0 }
.mtb-140 { margin: 140px 0 }
.mtb-150 { margin: 150px 0; }
/*----------------------------------------*/
/*  2. Header CSS
/*----------------------------------------*/
.logo a {display: inline-block}
.logo{
    padding: 60px 0 23px;
/*    width: 60%;*/
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.header-area.two .logo {
    padding: 10px 0 2px;
    max-width: 200px;
}
.header-area.two.sticky .logo {
    padding: 15px 0  7px;
    width:60%;
    -webkit-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
}
.header-area.two.sticky .search {
    top: 43px;
}
.header-area.two.sticky .main-menu > nav > ul > li > a{
    line-height: 58px;
    -webkit-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
}
.one.mobile-menu a.meanmenu-reveal span {
    background-color: #fff;
}
.one.mobile-menu a.meanmenu-reveal {
    border: 1px solid #fff;
    color: #fff;
}
.header-area {
    background: #c59c5a42;
}
.fixed {
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 99;
}
.main-menu{display: inline-block}
.main-menu ul li {
    display: inline-block;
    position: relative;
}
.header-contact > a {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    border: 1px solid #471a72;
    border-radius: 25px;
    color: #666666;
    margin-top: 13px;
}
.content-wrapper {
    text-align: right;
}
.main-menu nav > ul > li > a {
    color: #fff;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 158px;
    padding: 0 15px;
    position: relative;
    text-transform: uppercase;
    transition: all 0.4s ease 0s;
}
.header-area.two .main-menu nav > ul > li > a {
    color: #303030;
    font-size: 16px;
    line-height: 100px;
}
.main-menu ul li:last-child a{
    padding-right: 0px;
}
.main-menu nav ul > li:hover > a {color: #094c99;}
.one.main-menu ul li ul {top: 75%}
.sticky .one.main-menu ul li ul {top: 100%}
.main-menu ul li ul {
    background: #ffffff none repeat scroll 0 0;
    left: 0;
    opacity: 0;
    padding: 10px 18px;
    position: absolute;
    text-align: left;
    top: 100%;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 185px;
    z-index: 999;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
}
.main-menu ul li:hover > ul {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
    visibility: visible;
}
.main-menu ul li ul li {
    display: block;
    margin: 0;
    padding: 7px 0;
}
.main-menu nav ul li ul li a {
    color: #252525;
    display: block;
    font-size: 14px;
    line-height: 26px;
    padding: 0;
    text-transform: capitalize;
}
.main-menu ul li ul span {
    float: right;
    font-size: 15px;
    line-height: 20px;
    margin-right: 22px;
}
.main-menu ul li ul li:hover > a {padding-left: 5px;color: #094c99}
.main-menu ul li ul li a:before {display: none;}
.main-menu ul li ul li > ul {
    left: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 17%;
    visibility: hidden;
}
.main-menu.text-start span {float: right;}
.mobile-menu-area, .mean-container .mean-bar:after {display: none}
.mean-container .mean-bar {
    background: transparent none repeat scroll 0 0;
    min-height: 0;
    padding: 0;
}
.sticky .header-social ul li a {
    line-height: 69px;
}
.mean-container a.meanmenu-reveal {
    border: 1px solid #2C2B5E;
    color: #000;
    margin-top: -94px;
    padding: 4px 5px;
    position: absolute;
    -webkit-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
}
.header-area.two .mean-container a.meanmenu-reveal {
    margin-top: -40px !important;
}
.header-area.two.sticky .mean-container a.meanmenu-reveal {
    margin-top: -49px;
}
.mean-container a.meanmenu-reveal span {background-color: #2C2B5E}
.mean-container .mean-nav {
    border-right: 1px solid rgba(0, 0, 0, 0.5);
    margin-top: 0;
}
.headroom {
    -webkit-transition: -webkit-transform 200ms linear 0s;
    transition: -webkit-transform 200ms linear 0s;
    transition: transform 200ms linear 0s;
    transition: transform 200ms linear 0s, -webkit-transform 200ms linear 0s;
    will-change: transform;
}
.headroom--pinned {-webkit-transform: translateY(0%);transform: translateY(0%);}
.headroom--unpinned {-webkit-transform: translateY(-100%);transform: translateY(-100%);}
.intelligent-header {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10;
}
.intelligent-header.headroom--pinned {}
.intelligent-header.headroom--not-top {
    background: #ffffff none repeat scroll 0 0;
    padding: 10px 0;
}
.header-sticky.sticky {
    -webkit-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    background: rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.04);
    left: 0;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}
.header-sticky.sticky.two{
        background: rgb(255 255 255);
    box-shadow: 0px 0px 6px #00000040;
}
.sticky .main-menu > nav > ul > li > a {
    line-height: 69px;
}
.sticky .header-contact a{margin-top: 25px}
.sticky .logo {
    padding: 12px 0 8px;
}
.header-area .sticky {
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    box-shadow: 0 1px 3px rgba(50, 50, 50, 0.4)
}
.menu-style-toggle nav {
    margin-right: -30px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
}
.menu-style-toggle nav.menu-open {
    margin-right: 0;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}
.menu-style-toggle nav {
    float: left;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.main-menu.mean-menu.menu-style-toggle.text-right {float: right;}
.mobile-header {
    background: #ffffff none repeat scroll 0 0;
    display: none;
    left: 0;
    margin: auto;
    padding: 15px 20px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
}
.mobile-logo img {width: 40px;}
.menu-icon {
    border: 1px solid #464646;
    box-sizing: content-box;
    color: #464646;
    cursor: pointer;
    font-weight: 700;
    height: 22px;
    line-height: 22px;
    padding: 4px 5px;
    position: absolute;
    right: 20px;
    text-decoration: none;
    top: 25px;
    width: 22px;
}
.menu-icon span{background-color: #333333;
    display: block;
    height: 3px;
    margin-top: 3px;
    box-sizing: content-box
}
.mobile-menu-area {
    background-color: #fff;
    display: block;
    height: 100%;
    left: 0;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999;
}
.mobile-menu-area .menu-close {
    background-color: transparent;
    border: 2px solid #858585;
    border-radius: 50%;
    color: #858585;
    height: 40px;
    padding: 0;
    width: 40px;
	margin-bottom:30px;
}
.mobile-menu-area .menu-close:hover {
    color: #433a8b;
    border-color: #433a8b;
}
.mobile-menu-area .menu-close i {
    display: block;
    font-size: 30px;
    line-height: 30px;
    padding-right: 2px;
}
.sticky .menu-toggle {margin-top: 32px;}
.header-social ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.header-social ul li{
    display: inline-block;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.header-social ul li a{
    display: block;
    font-size: 16px;
    color: #191919;
    line-height: 100px;
    padding: 0 13px;
}
.header-social ul li:last-child a{
    padding-right: 0px;
}
.header-social ul li:first-child a{
    padding-left: 0px;
}
.header-social ul li:hover a{color: #471a72}
.search-btn {
    cursor: pointer;
    display: inline-block;
    margin-left: 28px;
    position: relative;
    top: -2px;
}
.search {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    right: 0;
    top: 79px;
    height: 40px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    visibility: hidden;
    width: 216px;
    z-index: 9999;
}
#search-form > input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 2px solid #cacaca;
    color: #252525;
    height: 40px;
    padding: 0 40px 0 10px;
    width: 100%;
}
#search-form > input::-moz-placeholder {color: #252525;} 
#search-form > input::-webkit-input-placeholder {color: #252525;}
#search-form > button {
  background: #2C2B5E none repeat scroll 0 0;
  border: 2px solid #c5c596;
  color: #ffffff;
  font-size: 15px;
  height: 100%;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 43px;
}
#search-form > button:hover{
    background: #094c99;
    border: 2px solid #939369;
}
.search-menu {
    background: #2c2b5e none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    height: 31px;
    position: relative;
    text-align: center;
    transition: all 0.5s ease 0s;
    width: 31px;
    line-height: 25px;
}
.search-menu i {
    font-size: 12px;
    line-height: 30px;
}
.search-menu:hover{background:#094c99}
.open.search {
    display: block;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
    z-index: 2;
}
.header-top{
    background: #094c99;
    position: relative;
}
.header-top:after{
    background: #2C2B5E;
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    height: 100%;
    width: 36%;
}
.header-top::before {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 105px;
    position: absolute;
    right: 37.8%;
    top: -18px;
    transform: rotate(-45deg);
    width: 8px;
    z-index: 1;
}
.header-top-right{position: relative}
.header-top-right::after {
  background: #2c2b5e none repeat scroll 0 0;
  content: "";
  height: 100px;
  left: -16%;
  position: absolute;
  top: -38px;
  transform: rotate(-45deg);
  width: 60px;
}
.header-top-right ul li{
    display: inline-block;
    margin-right: 38px;
}
.header-top-right ul li:last-child{
    margin-right: 0px;
}
.header-top-left p, .header-top-right ul li a{
    font-size: 14px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    text-transform: uppercase;
    line-height: 68px;
    position: relative;
    z-index: 1;
}
.header-top-right ul li:hover a{
    color: #094c99;
}
.header-area.two .main-menu > ul > li > a {
    color: #303030;
    line-height: 132px;
}
.header-area.two .main-menu > ul > li:hover > a {
    color: #094c99;
}
/*----------------------------------------*/
/*  3. Slider CSS
/*----------------------------------------*/
.slider-area, .single-banner {position: relative; overflow: hidden} 
.single-slide:after, .banner-area:after{
    /*position: absolute;*/
    /*left: 0;*/
    /*top: 0;*/
    /*content: "";*/
    /*background: rgba(0, 0, 0, 0.32);*/
    /*width: 100%;*/
    /*height: 100%;*/
}
.two .single-slide:after{
    background: rgba(0, 0, 0, 0.55);
}
.three .single-slide:after, .banner-area:after{
    background: rgba(0, 0, 0, 0.80);
}
.slider-img{z-index: 1; position: relative; margin-right: -25px}
.slider-area img {width: 100%;}
.slide-content, .text-content{z-index: 99; position: relative}
.text-content-wrapper, .slider-area img {width: 100%;}
.slide-content-wrapper {
    display: inline-table;
    width: 100%;
}
.slide-content {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}
.slider-area.two .slide-content{
    text-align: center;
}
.slide-content h3 {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 52px;
    font-weight: 800;
    line-height: 58px;
    padding-top: 0px;
    text-transform: capitalize;
    -webkit-animation-delay: 0.7s;
            animation-delay: 0.7s;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-name: fadeOutDown;
            animation-name: fadeOutDown;
}
.slider-img{
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-name: fadeInRight;
            animation-name: fadeInRight;
}
.slide-content h4 {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    font-weight: 800;
    line-height: 64px;
    text-transform: capitalize;
    -webkit-animation-delay: 1.5s;
            animation-delay: 1.5s;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-name: fadeOutDown;
            animation-name: fadeOutDown;
}
.slider-area.two .slide-content h4 {
    line-height: 82px;
}
.slider-area.two .slide-content p {
    margin-bottom: 40px;
}
.slide-content p {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    margin-top: 12px;
    font-size: 22px;
    font-weight: 800;
    margin-bottom: 35px;
    -webkit-animation-delay: 0.8s;
            animation-delay: 0.8s;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-name: fadeOutDown;
            animation-name: fadeOutDown;
}
.slider-area .default-btn{
    -webkit-animation-delay: 1.4s;
            animation-delay: 1.4s;
    -webkit-animation-duration: .8s;
            animation-duration: .8s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}
.slider-area .owl-item.active .slide-content h4, .slider-area .owl-item.active .slide-content h3, .slider-area .owl-item.active .slide-content p,  .slider-area .owl-item.active .default-btn{
    -webkit-animation-name: fadeInUp;
            animation-name: fadeInUp;
}
.slider-area .owl-item.active .default-btn{
    -webkit-animation-name: fadeInUp;
            animation-name: fadeInUp;
}
.slider-area .owl-item.active .slider-img img{
    animation-delay: 0.2s;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fadeInRight;
}
.owl-item.active .slider-img {
  animation-delay: 0.2s;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: fadeInRight;
}
.single-banner .slide-content h4, .single-banner .slide-content h3, .single-banner .slide-content p, .single-banner .banner-btn{
    -webkit-animation-name: fadeInUp;
            animation-name: fadeInUp;
}
.slider-area .owl-item.active .slide-content h3 {-webkit-animation-delay: 500ms;animation-delay: 500ms}
.slider-area .owl-item.active .slide-content h4 {-webkit-animation-delay: 750ms;animation-delay: 750ms}
.slider-area .owl-item.active .slide-content p {-webkit-animation-delay: 1100ms;animation-delay: 1100ms}    
.slider-area .owl-item.active .slide-content .banner-btn {-webkit-animation-delay: 1700ms;animation-delay: 1700ms}      
.owl-nav div {
    background: #fff;
    color: #094c99;
    font-size: 18px;
    border-radius: 3px;
    height: 40px;
    left: -46px;
    line-height: 40px;
    margin-top: -20px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 35px;
    z-index: 999;
}
.owl-nav .owl-next {left: auto; right: -46px;}
.slider-area:hover .owl-nav div {left: 0;}
.slider-area:hover .owl-nav .owl-next {left: auto;  right: 0;}
.owl-nav div:hover{ color: #fff}
.single-slide{background-position: top center; background-size: cover}
.animated.infinite {
    animation-iteration-count: infinite;
}
.fadeInDown {
    animation-name: fadeInDown;
}
.slider-area{
    /*height: 100vh;*/
}
/*.slider-area div{height: 100%}*/
.fix{overflow: hidden}
.slider-area .owl-nav div{
  height: auto;
}
.owl-carousel .owl-item .slider-img > img {
    bottom: 0;
    position: absolute;
    right: 0;
    width: 70%;
}
/*----------------------------------------*/
/*  4. Notice CSS
/*----------------------------------------*/
.notice-left, .notice-right{
    padding: 45px 55px 70px 55px;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
    position: relative;
}
.notice-area.three .notice-left{
    padding: 35px 55px 30px 55px;
}
.notice-right{
    padding: 40px 50px 50px;
}
.notice-left h3, .notice-left-wrapper h3, .notice-right-wrapper h3{
    font-family: 'Open Sans', sans-serif;
    font-size: 800;
    color: #2c2b5e;
    font-size: 28px;
    text-transform: uppercase;
    margin-bottom: 55px;
}
.notice-right-wrapper h3, .notice-left-wrapper h3{margin-bottom: 33px}
.notice-right-wrapper {margin-right: 27px}
.single-notice-left, .single-notice-right{border-bottom: 1px solid #E7E7E7}
.col-md-6 .single-notice-left:last-child, .col-md-6 .single-notice-left:nth-child(3), .col-md-6 .single-notice-left:nth-child(6), .col-md-6 .single-notice-right:last-child{border-bottom: none}
.single-notice-left h4{
    font-family: 'Open Sans', sans-serif;
    font-size: 700;
    font-size: 16px;
    color: #094c99;
    margin-bottom: 5px;
}
.single-notice-left p, .single-notice-right p{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #303030;
    margin-bottom: 0px;
}
.single-notice-right h3{
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    color: #2c2b5e;
    text-transform: uppercase;
    margin-bottom: 15.5px;
    font-size: 700; 
}
.video-icon a i{
    font-size: 38px;
    color: #2B2A5A;
    background: #FFFFFF;
    height: 55px;
    width: 55px;
    border-radius: 50%;
    line-height: 56px;
    text-align: center;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.video-icon a:hover i{
    color: #094c99;
}
.notice-video {
    background: rgba(0, 0, 0, 0) url("../img/notice/video.jpg") repeat scroll 0 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    height: 382px;
    width: 100%;
}
.video-icon {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.notice-video::after {
  background: rgba(44, 43, 94, 0.90);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.notice-area.two .notice-left {
    padding: 33px 58px 31px;
    max-height: 380px;
    overflow-y: auto;
}
.notice-left{
    height: 540px;
    overflow-y: auto;
}
/*-----------------------------------------*/
/*  5. Choose CSS
/*----------------------------------------*/
.choose-area{
    background: url(../img/choose/choose-bd.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    position: relative;
}
.choose-area:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(44, 43, 94, 0.9);
}
.choose-area:before{
    position: absolute;
    right: 130px;
    bottom: 0;
    width: 293px;
    height: 506px;
    content: "";
    background: url(../img/choose/choose.png);
    background-repeat: no-repeat;
    z-index: 1;
}
.choose-content{
    position: relative;
    z-index: 1;
    margin-right: 50px;
}
.choose-content h2{
    color: #fefefe;
    font-size: 34px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.choose-content p{
    color: #fff;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 20px;
}
.choose-content a{
    margin-top: 15px;
}
/*----------------------------------------*/
/*  6. Courses CSS
/*----------------------------------------*/
.section-title h2{
    font-size: 34px;
    color: #2c2b5e;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 62px;
    text-transform: uppercase;
}
.section-title > img {
    margin-bottom: 2px;
}
.course-content{
    padding: 22px 30px 25px;
    text-align: left;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15); 
    background-color: #fff;
}
.course-img img {
    width: 100%;
}
.course-content h3{
    font-size: 15px;
    color: #303030;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 10px;
    margin-top: 10px;
}
.course-content p{
    font-size: 14px;
    color: #606060;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 20px;
}
.course-content .default-btn {
    font-size: 14px;
    padding: 9px 16px;
    transition: all 0.5s ease 0s;
}
.course-content .default-btn:hover {
    background: #2C2B5E;
    color: #fff;
}
.course-img{position: relative}
.course-img a {
    display: block;
    line-height: 0;
    position: relative;
}
.course-img a:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(236, 28, 35, 0.3);
    opacity: 0;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.course-hover, .blog-hover {
    position: absolute;
    left: 50%;
    top: 50%;
    content: "";
    opacity: 0;
    transform: translate(-50% -50%)
    margin: auto;
    z-index: 1;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.course-hover i{
    color:#fff;
    font-size: 20px;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.course-hover i:hover{
    color:#2C2B5E;
}
.course-img a:hover::after, .course-img:hover .course-hover{opacity: 1}
.courses-area.two{
    position: relative;
    background: url(../img/course/course-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
}
.courses-area.two:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(44, 43, 94, 0.92);
}
.courses-area.two .section-title h2{color: #fff}
.courses-area.two .section-title, .courses-area.two .single-course{z-index: 1; position: relative}
.courses-area.two .course-content {background: #fff}
.course-title h3{
    background: #2C2B5E;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
    padding: 16px 93px 16px 27px;
    display: inline-block;
    position: relative;
}
.course-title h3::after {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 85px;
    position: absolute;
    right: -26px;
    top: -17px;
    transform: rotate(-30deg);
    width: 45px;
}
.course-form form{position: relative; margin-bottom: 50px}
.course-form form input{
    width: 100%;
    border: 1px solid #EBEBEB;
    background: #F8F8F8;
    padding: 14px 195px 14px 25px;
}
.course-form form button{
    position: absolute;
    right: 0;
    top: 0;
    background: #094c99;
    color: #fff;
    height: 50px;
    width: 185px;
    content: "";
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
}
.course-details-content{padding-top: 35px; overflow: hidden}
.course-details-content h2{
    font-size: 28px;
    color: #303030;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-family: 'Open Sans', sans-serif;
}
.course-details-content p{
    font-size: 14px;
    color: #606060;
    margin-bottom: 35px;
    font-family: 'Open Sans', sans-serif;
}
.course-details-left{float: left; padding-right: 50px; width: 58%}
.course-details-right{overflow: hidden; width: 42%}
.course-details-left h3, .course-details-right h3{
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    color: #303030;
    margin-bottom: 14px;
}
.course-details-right{padding: 45px 35px 45px; border: 1px solid #E1E1E1}
.course-details-right h3{margin-bottom: 50px}
.course-details-right ul li{
    display: block;
    font-size: 14px;
    color: #303030;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #EBEBEB;
}
.course-details-right ul li:last-child{
    border-bottom: none;
}
.course-details-right ul li span{float: right}
.course-details-right h3.red{color: #094c99; margin-bottom: 0;}
.course-details-content p.margin{margin-bottom: 15px}
/*----------------------------------------*/
/*  7. Event CSS
/*----------------------------------------*/
.single-event{
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
}
.event-date{
    float: left;
    background: #2C2B5E;
    margin-right: 20px;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.event-date h3{
    color: #fefefe;
    font-size: 30px;
    line-height: 32px;
    padding: 11px 18px 11px;
    text-align: center;
}
.event-img img {
    width: 100%;
}
.event-date h3:hover a{
    color: #fefefe;
}
.event-date h3 span{
    font-size: 16px;
    text-transform: uppercase;
    display: block;
}
.event-content{overflow: hidden; padding: 18px 0 20px}
.event-content-left{float: left}
.event-content-left h4{
    font-size: 16px;
    color: #303030;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.event-content-left ul li{
    display: inline-block;
    margin-right: 15px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #606060;
}
.event-content-left ul li:last-child{
    margin-right: 0px;
}
.event-content-left ul li i{
    color: #606060;
    font-weight: 300;
    margin-right: 8px;
}
.event-content-right{padding: 6px 0}
.event-content-right a{
    float: right;
    margin-right: 22px;
    font-size: 14px;
    color: #303030;
    background: transparent;
    border: 1px solid #E1E1E1;
    font-weight: 400;
    padding: 8px 15px 8px;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.event-content-right a:hover{
    color: #fff;
    background: #094c99;
    border: 1px solid #094c99;
}
.single-event:hover .event-date{background: #094c99}
.event-area.two .event-img{
    float: left;
    margin-right: 25px;
}
.event-area.two .event-content {
    padding: 22px 0 25px;
}
.event-area.two .event-content{
    overflow: hidden;
}
.event-area.two .event-content h3{
    font-size: 20px;
    font-weight: 700;
    color: #2c2b5e;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 5px;
}
.event-area.two .event-content h4{
    margin-bottom: 5px;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.event-area.two .event-content h4 a{
    font-size: 18px;
    font-weight: 700;
    color: #606060;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.event-area.two .event-content h4 a:hover{
    color: #094c99;
}
.event-area.two .event-content ul{
    margin-bottom: 15px;
}
.event-area.two .event-content ul li {
    color: #606060;
    display: inline-block;
    font-size: 14px;
    margin-right: 15px;
    font-family: 'Open Sans', sans-serif;
}
.event-area.two .event-content ul li i{
    margin-right: 10px;
}
.event-area.two .event-content-right{
    float: left;
}
.event-area.three .event-img, .event-details-img{position: relative}
.event-area.three .event-img a {
    position: relative;
    line-height: 0;
    display: block;
}
.event-area.three .event-img a:after{
    background: rgba(236, 28, 35, 0.3) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.5s ease 0s;
    width: 100%;
}
.event-area.three .event-img a:hover::after, .event-area.three .event-img a:hover .course-hover{opacity: 1;}
.event-area.three .event-date, .event-details-img .event-date{
    position: absolute;
    left: 0;
    top: 30px;
    width: 70px;
    height: 85px;
    background: rgba(44, 43, 94, 0.79);
    content: "";
}
.event-area.three .event-img h3{
    font-size: 28px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    z-index: 1;
    color: #fefefe;
    line-height: 22px;
    text-align: center;
    padding: 20px 0;
}
.event-area.three .event-img h3 span{
    font-size: 18px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    z-index: 1;
    color: #fefefe;
    text-transform: uppercase;
    line-height: 30px;
}
.event-area.three .event-content h4 a{
    font-size: 18px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    color: #303030;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;  
}
.event-area.three .event-content h4:hover a{color: #094c99}
.event-area.three .event-content{
    padding: 23px 35px 25px;
}
.event-area.three .event-content h4{
    margin-bottom: 12px;
}
.event-area.three .event-content ul{margin-bottom: 15px}
.event-area.three .event-content ul li{margin-bottom: 10px}
.event-area.three .event-content ul li span{
    font-size: 14px;
    font-weight: 700;
    color: #606060;
    text-transform: capitalize;
}
.event-area.three .event-content-right{
    float: left;
}
.event-area.three .event-content-right a {
    background: #094c99 none repeat scroll 0 0;
    color: #fff;
    margin-right: 0;
    padding: 8px 20px;
    font-weight: 700;
}
.event-area.three .event-content-right a:hover{
    background: #2C2B5E;
    border: 1px solid #2C2B5E;
}
.event-img {
    line-height: 0px;
    display: block;
}
.event-details-content{margin-top: 25px}
.event-details-content h2{
    font-size: 24px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    color: #303030;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.event-details-content ul{margin-bottom: 28px}
.event-details-content ul li{
    display: inline-block; 
    margin-right: 15px;
    color: #606060;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}
.event-details-content ul li:last-child{margin-right: 0}
.event-details-content ul li span{
    font-weight: 700;
}
.event-details-content p{
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: #606060;
    margin-bottom: 22px;
}
.speakers-area{
    margin-top: 50px;
    margin-bottom: 70px;
}
.speakers-area h4{
    font-size: 18px;
    color: #303030;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 35px;
}
.speaker-img{float: left; margin-right: 25px}
.speaker-content{overflow: hidden}
.speaker-name {
    display: table-cell;
    padding-top: 16px;
}
.speaker-name h5{
    font-size: 18px;
    color: #303030;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}
.speaker-name p{
    font-size: 14px;
    color: #303030;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 0px;
}
.single-speaker {
    display: table-cell;
    padding-right: 65px;
}
/*----------------------------------------*/
/*  8. Testimonial CSS
/*----------------------------------------*/
.testimonial-area{
    background: url(../img/testimonial/testimonial-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    position: relative;
}
.testimonial-area:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(44, 43, 94, 0.9);
}
.testimonial-area.three{background: #FAFAFA}
.testimonial-area.three:after{display: none}
.testimonial-area.three .testimonial-content p{color: #606060}
.testimonial-area.three .testimonial-content h4, .testimonial-area.three .testimonial-content h5{color: #303030}
.testimonial-img {
    height: 77px;
    margin: auto auto 28px;
    width: 77px;
}
.testimonial-img img{
    border-radius: 50%;
    border: 1px solid #FFFFFF;
}
.three .testimonial-img img{
    border: 1px solid #f1f1f1;
}
.testimonial-content{padding: 0 35px;}
.testimonial-content p, .testimonial-content h5{
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 15px;
}
.testimonial-content h5{
    margin-bottom: 0px;
}
.testimonial-content h4{
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 4px;
}
.testimonial-owl .owl-nav{display: none}
/*----------------------------------------*/ 
/*  9. Blog CSS
/*----------------------------------------*/
.single-blog{box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15)}
.blog-area .section-title h2 {
    margin-bottom: 55px;
}
.blog-img{line-height: 0; position: relative}
.blog-img a:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(236, 28, 35, 0.5);
    opacity: 0;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.blog-img img {
  width: 100%;
}
/*
.blog-hover {
    content: "";
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transition: all 0.5s ease 0s;
    z-index: 1;
    transform: translate(-50%, -50%);
}
*/
.blog-hover i{
    color: #fff;
    font-size: 20px;
    z-index: 1;
    opacity: 0;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.blog-hover i:hover{
    color: #2C2B5E;
}
.single-blog:hover .blog-img a:after, .single-blog:hover .blog-hover, .single-blog:hover .blog-hover i{opacity: 1}
.blog-top p{
    font-size: 14px;
    color: #606060;
    font-family: 'Open Sans', sans-serif;
    padding: 15px 20px 10px 25px;
    border-bottom: 1px solid #E1E1E1;
}
.blog-top p i{
    font-size: 16px;
    color: #606060;
    margin-left: 5px;
}
.blog-bottom{padding: 26px 15px 30px 25px}
.blog-bottom h2{margin-bottom: 14px}
.blog-bottom h2 a{
    font-size: 18px;
    color: #303030;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.blog-bottom h2 a:hover{
    color: #094c99;
}
.blog-bottom a{
    font-size: 14px;
    color: #094c99;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.blog-bottom a:hover{
    color: #2C2B5E;
}
.single-blog-widget h3{
    font-size: 20px;
    color: #303030;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    margin-bottom: 35px;
    line-height: 26px;
}
.blog-search form input{
    border: 1px solid #E1E1E1;
    padding: 11px 43px 11px 12px;
    width: 100%;
    font-size: 14px;
    color: #606060;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}
.blog-search form{
    position: relative;
}
.blog-search form button{
    position: absolute;
    right: 0;
    top: 0;
    background: #EBEBEB;
    width: 43px;
    height: 43px;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.blog-search form button:hover{
    background: #094c99;
}
.blog-search form button i{
    font-size: 16px;
    color: #606060;
    line-height: 25px;
}
.blog-search form button:hover i{
    color: #fff;
}
.single-blog-widget ul li{
    display: block;
    padding-bottom: 27px;
}
.single-blog-widget ul li:last-child{
    padding-bottom: 5px;
}
.single-blog-widget ul li a{
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #606060;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.single-blog-widget ul li:hover a{
    color: #094c99;
}
.single-blog-banner a{position: relative; display: block}
.single-blog-banner a img{line-height: 0; display: block}
.single-blog-banner a:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.48);
    content: "";
}
.single-blog-banner{position: relative}
.single-blog-banner h2{
    position: absolute;
    left: 20px;
    bottom: 25px;
    font-size: 30px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    color: #fefefe;
    z-index: 9;
    line-height: 35px;
}
.blog-sidebar.left{
    margin-right: 70px;
}
.single-post-img a{float: left; margin-right: 20px; position: relative}
.single-post-img a:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background:  rgba(236, 28, 35, 0.5) none repeat scroll 0 0;
    opacity: 0;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.single-post-img a:hover::after, .single-post-img a:hover .blog-hover, .single-post-img a:hover .blog-hover i{opacity: 1}
.blog-img > a, .single-post-img a {
    display: block;
    line-height: 0;
}
.blog-sidebar.right{margin-left: 70px}
.blog-area .pagination{margin-bottom: 0}
.single-post-content{overflow: hidden}
.single-post-content h4{
    color: #303030;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 8px;
    margin-top: 5px;
}
.single-post-content p{
    color: #606060;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 0px;
}
.single-tag a{
    float: left; 
    text-transform: capitalize;
    border: 1px solid #E1E1E1;
    padding: 6px 14px;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif; 
    display: block;
    color: #606060;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.single-tag a:hover{
    color: #fff;
    background: #2C2B5E;
    border: 1px solid #2C2B5E;
}
.blog-details-content{padding-top: 30px}
.blog-details-content h2{
    font-size: 24px;
    color: #303030;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 5px;
}
.blog-details-content h6{
    font-size: 16px;
    color: #606060;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    margin-bottom: 35px;
}
.blog-details-content p{
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #606060;
    margin-bottom: 25px; 
}
.blog-details-content p.quote{
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #606060;
    margin-bottom: 25px; 
    font-style: italic;
    line-height: 25px;
    margin-top: 35px;
}
.reply-area h3{
    font-size: 20px;
    color: #303030;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    margin-top: 58px;
    margin-bottom: 15px;
}
.reply-area form{position: relative}
.reply-area p{
    font-size: 14px;
    color: #606060;
    font-weight: 400;
    margin-bottom: 26px;
}
.reply-area form p{
    font-size: 14px;
    color: #030303;
    font-weight: 600;
    margin-bottom: 10px;
}
.reply-area form input, .reply-area form textarea{
    border: 1px solid #E1E1E1;
    height: 42px;
    width: 100%;
    margin-bottom: 20px;
    padding: 0 15px;
}
.reply-area form textarea{
    height: auto;
    margin-bottom: 40px;
    padding: 15px;
}
.reply-area form .reply-btn{
    background: #fff;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    padding: 15px 30px;
    font-weight: 700;
    display: inline-block;
}
.reply-area form .reply-btn:hover{
    background: #094c99;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
#contact-form .form-message{
    margin-top: 15px;
    margin-bottom: 0;
}
/*----------------------------------------*/ 
/*  10. Subscribe CSS
/*----------------------------------------*/
.subscribe-area{background: #FAFAFA}
.subscribe-content h2{
    margin-bottom: 5px;
}
.subscribe-content p{
    margin-bottom: 16px;
    color: #606060;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 25px;
}
.newsletter-form form{
    position: relative;
}
.newsletter-form form input{
    border: 1px solid #E1E1E1;
    width: 100%;
    background: transparent;
    padding: 13px 180px 13px 30px;
}
.newsletter-form form button {
    padding: 11px 30px 12px;
    position: absolute;
    right: 1px;
    top: 1px;
}
.newsletter-form form button:hover{
    background: #2C2B5E;
    color: #fff;
}
.mc-news {
    left: -5000px;
    position: absolute;
}
/*----------------------------------------*/ 
/*  11. Scrollup CSS
/*----------------------------------------*/
#scrollUp {
    border-radius: 2px;
    bottom: 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    color: #ffffff;
    font-size: 24px;
    height: 40px;
    line-height: 45px;
    position: fixed;
    right: 15px;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 40px;
    z-index: 200;
}
#scrollUp:hover {
}
@keyframes scroll-top {
0% {
    bottom: 0;
    opacity: 0;
}
50% {
    bottom: 50%;
    opacity: 1;
}
100% {
    bottom: 75%;
    opacity: 0;
}
}
@keyframes scroll-top {
0% {
    bottom: 0;
    opacity: 0;
}
50% {
    bottom: 50%;
    opacity: 1;
}
100% {
    bottom: 75%;
    opacity: 0;
}
}
@keyframes scroll-top {
0% {
    bottom: 0;
    opacity: 0;
}
50% {
    bottom: 50%;
    opacity: 1;
}
100% {
    bottom: 75%;
    opacity: 0;
}
}
#scrollUp:hover i {
    animation: 800ms linear 0s normal none infinite running scroll-top;
    bottom: 0;
    height: 100%;
    left: 0;
    margin-bottom: -25px;
    position: absolute;
    width: 100%;
}
#scrollUp i {
    color: #ffffff;
}
#scrollUp {
    background: #094c99 none repeat scroll 0 0;
}
/*----------------------------------------*/ 
/*  12. Footer CSS
/*----------------------------------------*/
.main-footer {
    /*padding-bottom: 104px;*/
    /* padding-top: 117px; */
}
.footer-area.three .main-footer {
  /*padding-bottom: 50px;*/
}
/*.footer-area.two .main-footer{ padding-bottom: 60px}*/
.single-widget h3{
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    margin-bottom: 45px;
    position: relative;
}
.single-widget h3::after {
    background: #fff none repeat scroll 0 0;
    bottom: -10px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 57px;
}
.single-widget h3::before {
    background: #fff none repeat scroll 0 0;
    bottom: -13px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 45px;
}
.single-widget p {
    color: #fff;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
    margin-bottom: 15px;
}
.single-widget ul{margin-top: 25px}
.footer-social ul li {
    display: inline-block;
    margin-right: 13px; 
}
.footer-social ul li:last-child {
    margin-right: 0px; 
}
.single-widget ul li {
    color: #000;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 16px;
    text-transform: capitalize;
}
.single-widget ul li a{
    color: #fff;
}
.footer-social ul li a{
    border: 1px solid #DADADA;
    color: #fff;
    height: 28px;
    width: 28px;
    border-radius: 50%;
    display: block;
    text-align: center;
    line-height: 26px;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.footer-area.two .footer-social ul li a{
    border: 1px solid #0969b4;
    color: #0969b4;
}
.footer-social ul li:hover a, .footer-area.two .footer-social ul li:hover a{
    border: 1px solid #094c99;
    background: #094c99;
    color: #fff;
}
.single-widget ul li:last-child{
    margin-right: 0px;
}
.footer-bottom{background: #ffffff}
.footer-bottom p {
    color: #000000;
    font-size: 14px;
    line-height: 60px;
    margin-bottom: 2px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
}
.footer-area.three .footer-bottom.two p {
    line-height: 48px;
    margin-bottom: 0;
}
.footer-area.three .footer-bottom.two .footer-social ul  {
  padding: 15px 0 15px;
}
.footer-bottom p a{
    color: #000;
    font-weight: 600;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.footer-bottom p a:hover{
    text-decoration: underline;
}
.main-footer .col-md-3:last-child{padding-left: 75px}
.footer-area.two .single-widget a{float: left; display: block}
.footer-area.two .single-widget ul li a{float: none}
.footer-area.two .main-footer .col-md-3:last-child {
    padding-left: 50px;
}
.footer-area.three .footer-bottom {
    background: #fafafa none repeat scroll 0 0;
    padding: 75px 0 55px;
}
.footer-area.three .footer-bottom p a {
    color: #c7c7c7;
}
.footer-area.three .footer-bottom p {
    margin-bottom: 10px;
}
.footer-bottom .footer-social ul {
    padding: 17px 0 15px;
}
.single-widget.instagram a{
    position: relative;
    line-height: 0;
}
.single-widget.instagram a:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    content: "";
    background:  rgba(236, 28, 35, 0.5) none repeat scroll 0 0;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.single-widget.instagram a:hover::after, .single-widget.instagram a:hover i{opacity: 1}
.single-widget.instagram a i{
    position: absolute;
    z-index: 1;
    color: #fff;
    opacity: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); 
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
/*----------------------------------------*/ 
/*  13. Service CSS
/*----------------------------------------*/
.single-service{padding: 40px 40px; box-shadow: 0 0 4px 0 #ddd;}
.service-area h3{
    font-size: 20px;
    color: #303030;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 12px;
}
.service-area p{
    font-size: 14px;
    color: #606060;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 0px;
}
/*----------------------------------------*/ 
/*  14. About CSS
/*----------------------------------------*/
.about-content h2{
    font-size: 28px;
    color: #303030;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    margin-top: 0px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.about-content h2 span{
    color: #094c99;
}
.about-content p{
    font-size: 13px;
    color: #606060;
    font-family: 'Open Sans', sans-serif;
    /*margin-bottom: 35px;*/
    text-align: justify;
}
.about-content a {
    margin-top: 25px;
    padding: 10px 44px;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
        background: #0d68b3;
    color: #fff;
    display:inline-block;
}
.about-content a:hover{
    color: #fff;
    background: #2C2B5E;  
}
.about-img{
    position: relative; 
    z-index: 1;
    /* margin-right: -30px;
    padding: 0 20px; */
}
.about-img:after{
    /* position: absolute;
    border: 10px solid #094c99;
    left: 0;
    bottom: -5px;
    width: 100%;
    content: "";
    height: 88%;
    z-index: -1; */
}
.box-box{
   
    background-color: #ffffff;
    position: absolute;
    width: 260px;
    height: 80px;
    top: 85%;
    left: 60%;
    border-radius: 10px;
    box-shadow: 1px 1px 10px #0000502b;
    display: flex
;
    align-items: center;
    justify-content: center;

}


.box-box img{
    width: 70px;
}

.box-box p{
    font-size: 25px;
    color: #094c99;
    font-weight: 600;
    border-left: 1px dashed;
    padding-left: 12px;
    margin-left: 12px;
}
.about-img img{
    border-radius: 90px 0;
}
.box-box img{
    border-radius: 0;
}
/*----------------------------------------*/ 
/*  15. Teacher CSS
/*----------------------------------------*/
.single-teacher{
    position: relative;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
    overflow: hidden;
}
.single-teacher-img {
    line-height: 0;
    padding-bottom: 91px;
}
.single-teacher-img a{ 
    position: relative;
    display: block;
}
.single-teacher-img a:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(231, 231, 231, 0.84);
    opacity: 0;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.single-teacher:hover .single-teacher-img a:after{opacity: 1}
.single-teacher-content {
    background: #fff none repeat scroll 0 0;
    bottom: -70px;
    left: 0;
    padding: 20px 0 30px;
    position: absolute;
    width: 100%;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.single-teacher-img img{
    width: 100%;
}
.single-teacher:hover .single-teacher-content{bottom: 00px}
.single-teacher-content h2 {
    color: #303030;
    font-family: "Open Sans",sans-serif;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 3px;
    text-transform: uppercase;
}
.single-teacher-content h4{
    color: #929292;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    text-transform: capitalize;
    margin-bottom: 20px;
}
.single-teacher-content ul li{
    display: inline-block;
    margin-right: 5px;
}
.single-teacher-content ul li:last-child{
    margin-right: 0px;
}
.single-teacher-content ul li a i{
    font-size: 15px;
    color: #2c2b5e;
    background: #F6F6F6;
    height: 40px;
    width: 38px;
    text-align: center;
    line-height: 40px;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.single-teacher-content ul li:hover a i{
    color: #fff;
    background: #094c99;
}
.pagination ul{margin-top: 24px}
.pagination ul li{display: inline-block; margin-right: 12px}
.pagination ul li:last-child{margin-right: 0px}
.pagination ul li a{    
    font-size: 18px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    color: #606060;
    background: #fff;
    text-align: center;
    line-height: 36px;
    height: 38px; 
    width: 38px;
    display: block; 
    border: 1px solid #EBEBEB;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.pagination ul li:hover a{    
    color: #fff;
    background: #2C2B5E;  
}
.teacher-details-content{margin-top: 26px}
.teacher-details-content h2 {
    color: #303030;
    font-family: "Open Sans",sans-serif;
    font-size: 32px;
    margin-bottom: 3px;
    text-transform: uppercase;
}
.teacher-details-content h5{
    font-size: 22px;
    color: #929292;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 40px;
    font-weight: 400;
}
.teacher-details-content h4{
    font-size: 24px;
    color: #303030;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 18px;
    font-weight: 700;
    text-transform: uppercase;
}
.teacher-details-content p{
    font-size: 14px;
    color: #606060;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 38px;
}
.teacher-details-content ul li span{
    font-size: 14px;
    color: #303030;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}
.teacher-details-content ul li{
    font-weight: 600;
    margin-bottom: 15px;
}
.teacher-contact, .skill-area{margin-top: 58px}
.skill-area{margin-left: 40px}
.teacher-contact h4, .skill-area h4{
    font-size: 20px;
    color: #303030;
    text-transform: uppercase;
    margin-bottom: 25px;
}
.teacher-contact p span{
    font-size: 14px;
    font-weight: 700;
    color: #303030;
    text-transform: uppercase;
}
.teacher-contact p{
    font-weight: 600;
    color: #606060;
    margin-bottom: 10px;
}
.teacher-contact ul{margin-top: 30px}
.teacher-contact ul li{
    font-weight: 600;
    color: #606060;
    display: inline-block;
    margin-right: 5px; 
}
.teacher-contact ul li a i{
    font-size: 15px;
    color: #2c2b5e;
    background: #F6F6F6;
    text-align: center;
    line-height: 30px;
    width: 34px;
    height: 32px;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.teacher-contact ul li:hover a i{
    color: #F6F6F6;
    background: #2c2b5e;
}
.skill-bar-item > span {
    color: #606060;
    display: block;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 12px;
    text-transform: capitalize;
}
.skill-bar-item{overflow: hidden; padding-top: 5px; margin-left: 40px}
.progress {
    background-color: #e8e8e8;
    border-radius: 0;
    height: 10px;
    margin-bottom: 40px;
    overflow: visible;
}
.progress-bar {
    background-color: #d4d3d3;
    position: relative;
    box-shadow: none;
    overflow: visible;
}
.progress-bar span.text-top {
    background: #e6e6e6 none repeat scroll 0 0;
    color: #606060;
    font-size: 12px;
    font-weight: 600;
    padding: 2px 10px;
    position: absolute;
    right: 0;
    top: -38px;
    z-index: 8;
}
.skill-bar-item .text-top::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #e6e6e6 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-image: none;
    border-style: solid;
    border-width: 7px;
    bottom: -14px;
    content: "";
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 0;
}
/*----------------------------------------*/ 
/*  16. Contact CSS
/*----------------------------------------*/
.contact-contents{
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.13); 
    padding: 55px 0;
    margin-right: 65px;
    background: #076ab3 !important;
}
.contact-icon {
  border: 1px solid #e3e3e3;
  border-radius: 50%;
  height: 50px;
  margin: auto auto 20px;
  position: relative;
  text-align: center;
  width: 50px;
}
.contact-icon img {
  bottom: 0;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  filter: brightness(11.5);
}
.contact-add h3{
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    font-family: "Open Sans",sans-serif;
    text-transform: capitalize;
    margin-bottom: 8px;
} 
.contact-add p{
    font-size: 16px; 
    color: #fff;
    font-family: "Open Sans",sans-serif;
    margin-bottom: 0px;
}
.contact-area .reply-area h3{margin-top: 0}
/*---------------------
  17. Login CSS
-------------------------*/
.login-form-container {
  background: #f5f5f5 none repeat scroll 0 0;
  overflow: hidden;
  padding: 37px 40px;
  text-align: left;
}
.login-text {
    text-align: center;
    margin-bottom: 30px;
}
.login-text h2 {
    color: #444;
    font-size: 30px;
    margin-bottom: 5px;
    text-transform: capitalize;
}
.login-text span {
    font-size: 15px;
}
.login-form-container input {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 3px;
    color: #666666;
    margin-bottom: 20px;
    font-size: 14px;
    height: 40px;
    padding-left: 10px;
    width: 100%;
    border: medium none rgba(0, 0, 0, 0);
    box-shadow: none;
}
.login-form-container input::-moz-placeholder {
    color: #666666;
}
.login-form-container input::-webkit-input-placeholder {
    color: #666666;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.login-toggle-btn {
    padding-top: 20px;
}
.login-form-container input[type="checkbox"] {
    height: 15px;
    margin: 0;
    position: relative;
    top: 1px;
    width: 17px;
}
.login-form-container label {
    color: #606060;
    font-size: 15px;
    font-weight: 400;
}
.login-toggle-btn > a {
    color: #094c99;
    float: right;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.login-toggle-btn > a:hover {
    color: #444;
}
.button-box .default-btn {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #094c99;
    border-radius: 30px;
    color: #094c99;
    font-size: 14px;
    margin-top: 40px;
    padding: 8px 36px;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.button-box .default-btn:after, .button-box .default-btn:before{display: none}
.button-box .default-btn:hover {
    background-color: #094c99;
    border: 1px solid #094c99;
    color: #fff;
}

/* .quote{
    background-color: #056ab4;
    padding: 10px;
   
}

.quote a{
     color: #fff;
} */

/* From Uiverse.io by d4niz */ 
.contactButton {
    background: #056ab4;
    color: white;
    font-family: inherit;
    padding: 0.45em;
    padding-left: 1em;
    font-size: 15px;
    font-weight: 500;
    border-radius: 0.3em;
    border: none;
    cursor: pointer;
    letter-spacing: 0.05em;
    display: flex;
    align-items: center;
    box-shadow: inset 0 0 1.6em -0.6em #714da6;
    overflow: hidden;
    position: relative;
    height: 2.8em;
    padding-right: 3em;
  }
  
  .iconButton {
    margin-left: 1em;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.2em;
    width: 2.2em;
    border-radius: 0.7em;
    /* box-shadow: 0.1em 0.1em 0.6em 0.2em #7a8cf3; */
    right: 0.3em;
    transition: all 0.3s;
    top:5px;
  }
  
  
  
  .contactButton:active {
    transform: translate(0.05em, 0.05em);
    box-shadow: 0.05em 0.05em #5566c2;
  }
  
  .about-content  h6{
    color: #094c99;
    margin-bottom: 15px;
    font-size: 17px;
  }
  .about-img{
    padding: 1px 25px;
  }
  .about-content{
    margin-left: 50px;
  }
  .vision{
    padding: 20px;
    text-align: center;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.14);
    height: 100%;
  }
  .vision h2{
    font-size: 25px;
    color: #000;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .margin-top-50{
        margin-top: 120px;
  }
  .margin-top-50 .col-md-4{
    padding: 0;
  }

  .mission{
    padding: 20px;
    text-align: center;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.14);
    background-color: #094c99;
    height: 100%;
  }
  .mission h2{
    font-size: 25px;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .mission p{
   color: #fff;     
  }
  .course-content::before{
    content: "";
    background: #094c99;
    width: 60px;
    height: 3px;
    border-radius: 5px;
    position: relative;
    left: 90px;
    bottom: 0;
    display: block;

  }
  .course-content{
    text-align: center;
  }

  .testimonial-area{
    /* background: rgb(255,255,255) !important;
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(9,76,153,1) 100%) !important; */
}
  .testimonial-area-one{
    background: rgb(255,255,255) !important;
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(9,76,153,1) 100%) !important;
}
.testimonial-owl-new .owl-item{
    padding-block: 30px;
}
.our-produce h4{
        font-size: 20px;
        color: #fff;
        margin-bottom: 10px;

}
.our-produce h1{
    font-size: 30px;
    color: #fff;
    margin-bottom: 40px;
    
}
.heading-con h4{
        color: #094c99;
        font-size: 20px;
        margin-bottom: 10px;
}
.heading-con h3{
    color: #094c99;
    font-size: 25px;
    margin-bottom: 13px;
}
.heading-con h1{
    color: #000;
    font-size: 30px;
}
.section-background{
    /* background: #f6fafa; */
}
.heading-con{
    text-align: center;
}
.solar-s{
    /*background: #094c99;*/
    /*padding: 16px;*/
    /*border-radius: 50%;*/
    /*display: inline-flex;*/
    /*align-items: center;*/
    /*justify-content: center;*/
    /*margin-right: 10px;*/

}
.solar-two{
    /*display: flex;*/
    /*align-items: center;*/
    text-align:center;
}
.color-background{
    /* background: rgb(255, 255, 255) !important;
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(9, 76, 153, 1) 100%) !important; */
    background: #f6fafa;
    padding-top: 50px;
    
}



.lorem-content-one{
    text-align: center;
}
.lorem-content-one h6{
    color: #094c99;
    font-size: 20px;
}
.lorem-content-one h3{
font-size: 37px;
color: #094c99;
margin-bottom: 15px;
margin-top: 10px;
}
.lorem-content-one p{
color: #094c99;
}


.lorem-content{
    text-align: center;
}
.lorem-content h6{
    color: #094c99;
    font-size: 20px;
}
.lorem-content h3{
font-size: 37px;
color: #094c99;
margin-bottom: 15px;
margin-top: 10px;
}
.lorem-content p{
color: #000;
}













.sectionClass {
    padding: 0px 0px 50px 0px;
    position: relative;
    display: block;
  }
  
  .fullWidth {
    width: 100% !important;
    display: table;
    float: none;
    padding: 0;
    min-height: 1px;
    height: 100%;
    position: relative;
  }
  
  
  .sectiontitle {
    background-position: center;
    margin: 30px 0 0px;
    text-align: center;
    min-height: 20px;
  }
  
  .sectiontitle h2 {
    font-size: 30px;
    color: #222;
    margin-bottom: 0px;
    padding-right: 10px;
    padding-left: 10px;
  }
  
  
  .headerLine {
    width: 160px;
    height: 2px;
    display: inline-block;
    background: #101F2E;
  }
  
  
  .projectFactsWrap{
      display: flex;
    margin-top: 30px;
    flex-direction: row;
    flex-wrap: wrap;
  }
  
  
  #projectFacts .fullWidth{
    padding: 0;
  }
  
  .projectFactsWrap .item{
    width: 25%;
    height: 100%;
    padding: 50px 0px;
    text-align: center;
    display: flex;
    align-items: center;
  }
  
  .projectFactsWrap .item:nth-child(1){
    /* background: #fff; */
  }
  
  .projectFactsWrap .item:nth-child(2){
    /* background: #fff; */
  }
  
  .projectFactsWrap .item:nth-child(3){
    /* background: #fff; */
  }
  
  .projectFactsWrap .item:nth-child(4){
    /* background: #fff; */
  }
  
  .projectFactsWrap .item p.number{
    font-size: 32px;
    padding: 2px 10px;
    font-weight: bold;
  }
  
  .projectFactsWrap .item p{
    color: #094c99;
    font-size: 15px;
    margin: 0;
    padding: 10px;
    font-family: 'Open Sans';
    text-align: left;
  }
  
  
  .projectFactsWrap .item span{
    width: 60px;
    background: rgba(0, 0, 0, 0.8);
    height: 2px;
    display: block;
    margin: 0 auto;
  }
  
  
  .projectFactsWrap .item i{
    vertical-align: middle;
    font-size: 50px;
    /* color: rgba(255, 255, 255, 0.8); */
    color: #094c99;
  }
  
  
  .projectFactsWrap .item:hover i, .projectFactsWrap .item:hover p{
    color: #000;
  }
  
  .projectFactsWrap .item:hover span{
    background: #094c99;
  }
  
  @media (max-width: 786px){
    .projectFactsWrap .item {
       flex: 0 0 100%;
    }
  }
  
  /* AUTHOR LINK */
  
  
  footer{
    z-index: 100;
    padding-top: 50px;
    padding-bottom: 0px;
    width: 100%;
    bottom: 0;
    left: 0;
    background: #1f2e5a;
  /*background-image: url(../img/smooth-gray-background.jpg);*/
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  footer p {
  color: #094c99;
    font-size: 16px;
    /* opacity: 0; */
    font-family: 'Open Sans';
    width: 100%;
      word-wrap: break-word;
    line-height: 25px;
    /* -webkit-transform: translateX(-200px); */
    /* transform: translateX(-200px); */
    margin: 0;
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    transition: all 250ms ease;
  }
  
  footer .authorWindow a{
    color: white;
    text-decoration: none;
  }
  
  footer p strong {
      color: rgba(255, 255, 255, 0.9);
  }
  
  .about-me-img {
    width: 120px;
    height: 120px;
    left: 10px;
    /* bottom: 30px; */
    position: relative;
    border-radius: 100px;
  }
  
  
  .about-me-img img {
  }
  
  
  .authorWindow{
    width: 600px;
    background: #75439a;
    padding: 22px 20px 22px 20px;
    border-radius: 5px;
    overflow: hidden;
  }
  
  .authorWindowWrapper{
    display: none;
    left: 110px;
    top: 0;
    padding-left: 25px;
    position: absolute;
  }
  
  
  
  
  
  .trans{
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
  }
  
  @media screen and (max-width: 768px) {
      .authorWindow{
           width: 210px;
      }
  
      .authorWindowWrapper{
               bottom: -170px;
    margin-bottom: 20px;
      }
  
      footer p{
            font-size: 14px;
      }
  }
  
  
  .solar-img{
   /* border-left: 2px solid black; */
   /* height: 50px; */
   margin-left: 10px;
   padding-top: 10px;
   position: relative;
   
  }
  .solar-img::after{
    content: "";
    background: #094c99;
    width: 2px;
    height: 30px;
    border-radius: 5px;
    position: absolute;
    left: 0px;
    bottom: 0;
    display: block;
    top: 50%;
  }
  .img-img img{
    width: 100px;
  }

  .hiigh {
    display: flex
;
    align-items: center;
    box-shadow: 2px 2px 8px #00000030;
    border-radius: 10px;
    padding: 15px;
    height: 100%;
    background: #fff;
}

.hiigh 
    i {
        color: #1b64b1 !important;
        border-right: 1px solid #1b64b1;
        padding-right: 10px !important;
        margin-right: 10px !important;
        font-size: 25px;
    }

    .hiigh p{
        font-size: 19px;
        letter-spacing: 0px;
        text-align: justify;
    }
    .hiigh span b{
        font-weight:700;
    }

    .recogni h1{
        font-size: 40px;
        text-align: center;
        margin-bottom: 50px;
        color: #0d68b3;
        padding-top: 50px;

    }
    .background-bg{
        margin-bottom:70px;
        /* background: rgb(255, 255, 255) !important;
        background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(9, 76, 153, 1) 100%) !important; */
    }





    .back-g{
        background: #f6fafa;
            padding-top: 50px;
            /* padding-bottom: 50px; */
            /*margin-top: 70px;*/
    }


    .icon-circle {
        background-color: #056ab4;
        color: white;
        /* padding: 18px; */
        height: 50px;
        min-width: 50px;
        text-shadow: 1px 1px 6px #00000080;
        display: flex;
    
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        font-size: 24px;
        font-weight: bold;
    }
    .content-box {
        display: flex;
        /* align-items: center; */
        margin-bottom: 30px;
    }
    .content-text {
        margin-left: 15px;
    }

    .content-text h5{
       font-size: 22px;
    }









    .testimonials-review-main-wrapper .single-review-area-soalri .quote {
        margin-bottom: 25px;
    }

    .testimonials-review-main-wrapper .single-review-area-soalri {
        max-width: 820px;
        margin: auto;
    }

    .testimonials-review-main-wrapper .single-review-area-soalri p.dsic {
        font-weight: 400;
        font-size: 22px;
        line-height: 32px;
    }.testimonials-review-main-wrapper .single-review-area-soalri .author-area {
        margin-top: 30px;
    }
    

    .fa-iconss i{
            font-size: 20px;
    }
    
    .fa-iconss li a{
        display: flex;
    }

    .testimonial-area-three{
        background-color: #f6fafa;
    }
    .solar-s img{
        max-width: 140px;
    }

    .testimonial-area-three h5{
            font-size: 20px;
    }
    .testimonial-area-three h1{
        font-size: 30px;
    }
    .testimonial-area-three h4{
        font-size: 35px;
    }

    @media (max-width: 992px) {
        .box-box{
            left: 12% !important;
        }
        .about-img img {
            border-radius: 10px;
        }
        .owl-nav .owl-next{
            right: 2px;
        }
        .about-content {
            margin-left: 18px;
            margin-top: 80px;
        }
        .about-area{
            padding-top: 0 !important;
        }
        .header-area{
            padding: 10px;
        }
        .margin-top-50{
            margin-top: 70px;
        }
      
        .projectFactsWrap .item{
            padding: 30px 0px;
        }
        .testimonial-area-three h1{
            font-size: 28px !important;
    color: #2362b0;
    padding: 15px;
        }
        .footer-area.two .main-footer{
            padding: 0;
        }
        .lorem-content p{
            text-align: justify;
        }
        .get-in-touch button{
            margin-bottom:50px;
        }
        .lorem-content h3{
            font-size:26px;
        }
        .recogni h1{
             font-size:24px;
        }
        .lorem-content-one h3{
             font-size:22px;
        }
        .top-for{
            margin-bottom:15px;
        }
        .about-content{
            margin-bottom:70px !important;
        }
        .cards{
            align-items:center;
        }
        .product h3{
            text-align:center;
        }
        .product h3::before{
            left:auto !important;
        }
        .product h3::after{
            left:225px !important;
        }
    }
    
    .top-padding-one{
        padding:10px 0;
    }
    .top-padding-one h1{
        font-size: 40px;
    color: #fff;
    }
    
    .top-padding-one p{
        font-size: 17px;
        margin-top:10px;
        color:#fff;
    
    }
    .get-in-touch button{
     background: #ffffff;
    padding: 10px 30px;
    color: #000000;
    font-size: 20px;
    }
    .get-in-touch{
        text-align:left;
        margin-bottom:50px;
    }
    
    .solar-c h6{
        font-size:24px;
        color:#094c99;
        margin-bottom:15px;
    }
    .testi-img{
    /*    aspect-ratio: 16 / 9;*/
    /*object-fit: contain;*/
    /*background: #fff;*/
    }
    
    
    
    
    
    
    
    
    
    
    
    .fa-iconss li {
        color:#fff !important;
            display: flex;
    gap: 10px;
    }
    
    
    
    
    
    
    
    
    
    
    
    /* From Uiverse.io by david-mohseni */ 
.wrapper {
  display: inline-flex;
  list-style: none;
  height: 120px;
  width: 100%;
  font-family: "Poppins", sans-serif;
}

.wrapper .icon {
  position: relative;
  background: #fff;
  border-radius: 50%;
  margin: 10px;
  width: 50px;
  height: 50px;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.wrapper .tooltip {
  position: absolute;
  top: 0;
  font-size: 14px;
  background: #fff;
  color: #fff;
  padding: 5px 8px;
  border-radius: 5px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.wrapper .tooltip::before {
  position: absolute;
  content: "";
  height: 8px;
  width: 8px;
  background: #fff;
  bottom: -3px;
  left: 50%;
  transform: translate(-50%) rotate(45deg);
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.wrapper .icon:hover .tooltip {
  top: -45px;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.wrapper .icon:hover span,
.wrapper .icon:hover .tooltip {
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
}

.wrapper .facebook:hover,
.wrapper .facebook:hover .tooltip,
.wrapper .facebook:hover .tooltip::before {
  background: #1877f2;
  color: #fff;
}

.wrapper .twitter:hover,
.wrapper .twitter:hover .tooltip,
.wrapper .twitter:hover .tooltip::before {
  background: #1da1f2;
  color: #fff;
}

.wrapper .instagram:hover,
.wrapper .instagram:hover .tooltip,
.wrapper .instagram:hover .tooltip::before {
  background: #e4405f;
  color: #fff;
}


.my-h::after{
    content: '';
    display: block;
    background: #f3a909;
    width: 100px;
    height: 2px;
    position: relative;
    margin: 8px 0px !important;
}
.my-h{
   font-size: 22px;
    color: #303030;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    margin-top: 30px;
    margin-bottom: 10px;
    text-transform: uppercase;
}


.my-h-center{
    font-size: 40px;
    color: #303030;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    margin-top: 0px;
    margin-bottom: 10px;
    text-transform: uppercase;
}


.section-padding{
    background:#f6fafa;
    padding: 80px 0px;
    
}
.text-justify{
    text-align:justify;
}

.residential-solar img{
    
    margin-top: -107px;
    box-shadow: 1px 3px 8px #00005080;
    border-radius: 20px;
}










.cards {
  display: flex;
  flex-direction: column;
}

.cards .red {
  /*background-color: #f43f5e;*/
}

.cards .blue {
  /*background-color: #3b82f6;*/
}

.cards .green {
  /*background-color: #22c55e;*/
}

.cards .card {
display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    /* height: 100px; */
    /* width: 250px; */
    border-radius: 10px;
    color: white;
    cursor: pointer;
    transition: 400ms;
    padding: 10px;
    box-shadow: 1px 1px 5px #00000020;
    border: 0px;
    margin-bottom: 15px;
    max-width: 85%;
}

.cards .card p.tip {
  font-size: 1em;
  font-weight: 700;
  color:#000;
}

.cards .card p.second-text {
  font-size: .7em;
}

.cards .card:hover {
  transform: scale(1.1, 1.1);
}

.cards:hover > .card:not(:hover) {
  filter: blur(2px);
}

.product h3{
   font-size: 18px;
    /*text-align: center;*/
    margin-bottom: 30px;
    /*border-bottom: 1px solid black;*/
    padding-bottom: 10px;
    position:relative;
    color:#000;
    
}


.product h3::before{
    content: "";
    background: #1a64b2;
    width: 116px;
    height: 2px;
    border-radius: 5px;
    position: absolute;
    left: 0;
    bottom: 0;
}
.product h3::after{
   content: "";
    background: #1a64b2;
    width: 15px;
    height: 2px;
    border-radius: 5px;
    position: absolute;
    left: 120px;
    bottom: 0;
}


.overview h1{
    font-size: 30px;
    margin-bottom: 30px;
    padding-bottom: 10px;
    position:relative;
    color:#000;
}


.overview h1::before{
    content: "";
    background: #1a64b2;
    width: 116px;
    height: 2px;
    border-radius: 5px;
    position: absolute;
    left: 0;
    bottom: 0;
}
.overview h1::after{
   content: "";
    background: #1a64b2;
    width: 15px;
    height: 2px;
    border-radius: 5px;
    position: absolute;
    left: 120px;
    bottom: 0;
}
.full-line{
    position:relative;
}

.full-line::after{
       content: "";
    background: #1a64b2;
    width: 2px;
    height: 290px;
    position: absolute;
    left: -45px;
    top: 0;
   
}

.overview img{
    width:100%;
    border-radius:0px 150px 0px 0px;
}
.overview-two{
    box-shadow: 1px 3px 8px #00005024;
    padding: 30px;
    border-radius: 10px;
}

.overview-two h1 {
     font-size: 30px;
    margin-bottom: 30px;
    padding-bottom: 10px;
    position:relative;
    color:#000;
}


.overview-two h1::before{
    content: "";
    background: #1a64b2;
    width: 116px;
    height: 2px;
    border-radius: 5px;
    position: absolute;
    left: 0;
    bottom: 0;
}
.overview-two h1::after{
   content: "";
    background: #1a64b2;
    width: 15px;
    height: 2px;
    border-radius: 5px;
    position: absolute;
    left: 120px;
    bottom: 0;
}
.overview p{
    margin-top:20px;
}


.fix {
    overflow: hidden;
}

.work-process-section {
    position: relative;
}
.work-process-section .map-shape {
    position: absolute;
    left: 50%;
    top: 10%;
    transform: translateX(-50%);
}
.section-title2 h2 {
    text-transform: capitalize;
    font-size: 48px;
}

.section-title2 span {
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    color: var(--theme);
    margin-bottom: 15px;
    line-height: 1;
    letter-spacing: 1.8px;
}
.work-process-box-items .post-cat {
    background-color: #1865b1;
    color: #fff;
    padding: 4px 15px;
    display: inline-block;
    font-weight: 500;
}

.work-process-box-items {
    margin-top: 30px;
    position: relative;
    z-index: 9;
}

.work-process-box-items .icon-items {
    display: flex
;
    align-items: center;
    gap: 22px;
    margin-top: 25px;
    margin-bottom: 20px;
}



.work-process-right-items .icon-items:not(:last-child) {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px #000 ;
}

.work-process-right-items {
    margin-top: 30px;
    border: 1px solid var(--border);
    padding: 34px;
}



.work-process-right-items .icon-items .icon {
    min-width: 90px;
    max-height: 90px;
    line-height: 90px;
    text-align: center;
    background-color: rgba(91, 155, 55, 0.1);
    align-items: center;
    text-align: center;
    justify-content: center;
    display: flex
;
}
.work-process-right-items .icon-items {
    display: flex
;
    gap: 20px;
}
.work-process-right-items {
    border: 1px solid #e3e3e3;
    margin-top: 30px;
    padding: 34px;
}
.content h5{
    font-size:20px;
    color:#000;
}
.work-process-right-items .icon-items:not(:last-child) {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.my-h:after {
    content: '';
    display: block;
    background: #f3a909;
    width: 100px;
    height: 2px;
    position: relative;
    margin: 8px 0px !important;
}
.work-process-left h2 {
    font-size: 27px;
    margin-bottom: 20px;
}

.work-process-card-items {
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    padding: 30px;
}

.work-process-card-items h5 {
    margin-bottom: 10px;
}

.work-process-card-items h2 {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color:#1068b2;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #1068b2;
    -webkit-text-fill-color: transparent;
 font-size: 70px;
   
    font-weight: 900;
}
.work-process-card-items h5{
    font-family: "Krona One", system-ui;
    margin: 0px;
    padding: 0;
    color: #000;
    text-transform: capitalize;
    transition: all 0.4sease-in-out;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
}

.about-content p{
    margin-top:10px;
}
.solar-c{
    margin-top:15px;
}


.advan{
    
}
.advan i {
    color: #0c69b3;
    font-size: 25px;
    margin-right: 10px;
}
.about-content p {
    margin-top: 10px;
    color:#000;
    margin-bottom:40px;
}


.modal-name{
    background:#1067b3;
    color:#fff;
}



.modal-name th, td {
            border: 1px solid #c1b3b3;
            padding: 8px;
            text-align: center;
        }


.technical{
    font-size: 30px;
    margin-bottom: 40px;
    color: #1067b3;
    text-align:center;
}


.back-bg th{
    background:#142b59;
    
    color:#fff;
}


.input-text{
    background:#00aeef !important;
    color:#000;
    
}
.res-box{
        /*display: flex;*/
    justify-content: center;
    align-items: center;
    gap: 12px;
    box-shadow: 2px 2px 8px #00000030;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #0a68b3;
    border-radius: 10px;
    text-align:center;
}
.res-box img{
    max-width:40px;
}

.res-box h3{
    color:#fff;
}

.tt-table th{
    background:#00aeef;
}
.t-tablee tr, th{

    background:#034ea2;
    color:#fff;
    
}
.t-tableee th{

    background:#00aeef;
    
}

.section-pd{
    padding-top:80px;
    padding-bottom:150px;
    background:#00aeef;
}


.solar-p-img{
    background: #fff;
    padding: 0 20px 10px;
    border-radius: 10px;
}



.solar-p-img img{
   margin-top: 20px;
    background: #ffffff;
    border-radius: 50%;
    width: 75px;
    padding: 10px;
    box-shadow: 2px 2px 8px #00000030;
}

.solar-p-img h5{
    margin-top:20px;
    color:#000;
}


.solar-p-img p{
    font-size:13px;
}

.top-for p{
    background: #0c69b3;
    color: #fff;
    padding: 4px;
    text-align:center;
    border-radius: 5px;
    margin-bottom:15px;
    
}
.span-p{
    background: #00adef;
    margin-top: 99px !important;
    padding: 4px;
    border-radius: 5px;
    color:#fff;
     text-align:center;
}

.top-for{
    text-align:center;
}

.table-overflow{
    overflow-x:scroll;
}

.he-ap{
    .border-r{
        border:1px solid #1f2e5a;
        background: #ffe6e6;
        position: relative;
        aspect-ratio: 2 / 2;
        align-content: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width:52px;
        i{
            color: #1f2e5a;
            font-size: 24px;
        }
    }
    p{
        background-color: #1f2e5a;
        padding: 3px 10px 3px 20px;
        font-size: 12px !important;
        border-radius: 0 6px 6px 0;
    }
    .ms-min{
        margin-left: -15px;
    }
    small{
        color:#064970;
    }
}
.he-ap2{
    .border-r{
        border:1px solid #064970;
        background: #ffe6e6;
        position: relative;
        aspect-ratio: 2 / 2;
        align-content: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        i{
            color: #064970;
        }
    }
    p{
        background-color: #064970;
        padding: 3px 10px 3px 20px;
        font-size: 12px !important;
        border-radius: 0 6px 6px 0;
    }
    .ms-min{
        margin-left: -15px;
    }
    small{
        color:#d20005;
    }
}

.he-app{
    .border-r{
        border:1px solid #d20005;
        background: #ffe6e6;
        position: relative;
        padding: 30px;
        aspect-ratio: 2 / 2;
        align-content: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        
        i{
            color: #d20005;
            font-size: 22px;
        }
    }
    p{
        background-color: #d20005;
        padding: 3px 10px 3px 20px;
        font-size: 15px !important;
        border-radius: 0 6px 6px 0;
        
    }
    .ms-min{
        margin-left: -15px;
        text-align: left !important;
    }
    small{
        color:#064970;
        text-align: left !important;
        padding-left: 22px;
    }
}
.he-app2{
    .border-r{
        border:1px solid #064970;
        background: #ffe6e6;
        position: relative;
        padding: 30px;
        aspect-ratio: 2 / 2;
        align-content: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        
        i{
            color: #064970;
            font-size: 30px;
        }
    } 
    p{
        background-color: #064970;
        padding: 3px 10px 3px 20px;
        font-size: 15px !important;
        border-radius: 0 6px 6px 0;
        text-align: left;
    }
    .ms-min{
        margin-left: -15px;
    }
    small{
        color:#d20005;
        text-align: left !important;
    }
}

:root {
  /* ===== Brand / Navy scale ===== */
  --navy: #1f2e5a;
  --navy-2: #1f2e5a;
  --navy-3: #1f2e5a;
  --navy-deep: #0B1D2E;              /* from original */

  /* ===== Accents ===== */
  --amber: #f5a623;
  --amber-dark: #dd9013;
  --amber-deep: #8F5019;             /* from original */
  --blue: #3d7dd6;
  --green: #4caa6e;
  --purple: #8b7fd9;
  --red: #e2685f;
  --teal: #2c9a9a;
  --tan: #cf9a4c;

  /* ===== Text / Neutrals ===== */
  --ink: #101828;
  --muted: #5b6579;
  --steel: #5C6773;                  /* from original */
  --steel-light: #93A0AC;            /* from original */
  --white: #FFFFFF;                  /* from original */

  /* ===== Surfaces ===== */
  --bg-soft: #f5f7fb;
  --paper: #EEEAE1;                  /* from original */
  --panel: #F8F6F1;                  /* from original */

  /* ===== Lines ===== */
  --line: #e5e9f0;
  --line-on-navy: rgba(238, 234, 225, 0.16);  /* from original */

  /* ===== Radii ===== */
  --radius-lg: 16px;
  --radius-md: 12px;
  --radius-sm: 8px;
  --radius: 2px;                     /* from original (sharp) */
}
.text-light-muted {
    color: #aab4c8;
}
.badge-label{
  display:inline-block;
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:.9rem;
  font-family:'Inter',sans-serif;
}
.badge-label-navy{color:var(--blue);}
.badge-label-amber{color:var(--amber);}
.badge-label::before{content:'';display:inline-block;width:18px;height:2px;background:currentColor;margin-right:8px;vertical-align:middle;opacity:.7;}

.section-title2{font-size:2.3rem;margin-bottom:1rem;}

/* ============================================
   BUTTONS
   ============================================ */
.btn{border-radius:var(--radius-sm);font-weight:600;font-family:'Inter',sans-serif;padding:.7rem 1.5rem;transition:all .25s ease;font-size:.95rem;border-width:1.5px;}
.btn-lg{padding:.9rem 2.1rem;font-size:1rem;}
.btn-sm{padding:.5rem 1.3rem;font-size:.85rem;}
.btn-amber{background:var(--amber);border-color:var(--amber);color:#20160a;}
.btn-amber:hover{background:var(--amber-dark);border-color:var(--amber-dark);color:#20160a;transform:translateY(-2px);box-shadow:0 10px 24px rgba(245,166,35,.35);}
.btn-outline-hero{border:1.5px solid rgba(255,255,255,.35);color:#fff;background:transparent;}
.btn-outline-hero:hover{background:rgba(255,255,255,.1);color:#fff;border-color:#fff;transform:translateY(-2px);}
.btn:focus-visible{outline:2px solid var(--amber);outline-offset:3px;}

/* ============================================
   NAVBAR
   ============================================ */
.navbar-rayax{background:rgba(14,27,54,.98);padding:.9rem 0;transition:all .3s ease;}
.navbar-rayax.scrolled{padding:.55rem 0;box-shadow:0 8px 28px rgba(0,0,0,.28);}
.brand-mark{
  width:92px;height:75px;background:var(--amber);border-radius:9px;
  display:flex;align-items:center;justify-content:center;color:var(--navy);
  font-size:1rem;flex-shrink:0;
}
.brand-text{display:flex;flex-direction:column;line-height:1.15;}
.brand-name{color:#fff;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:.92rem;letter-spacing:.02em;}
.brand-tagline{color:var(--amber);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600;}
.navbar-nav .nav-link{color:#dbe1ee;font-weight:500;font-size:.92rem;padding:.5rem 1rem!important;transition:color .2s;}
.navbar-nav .nav-link:hover,.navbar-nav .nav-link:focus-visible{color:var(--amber);}
.navbar-toggler{border-color:rgba(255,255,255,.3);padding:.35rem .6rem;}
.navbar-toggler:focus{box-shadow:0 0 0 .2rem rgba(245,166,35,.35);}
.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255,255,255,0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
@media(max-width:991px){
  .navbar-collapse{background:var(--navy-2);padding:1rem 1.25rem;border-radius:var(--radius-md);margin-top:.75rem;}
  .navbar-nav .nav-link{padding:.65rem 0!important;border-bottom:1px solid rgba(255,255,255,.08);}
  .navbar-nav li:last-child .nav-link{border-bottom:none;}
}

/* ============================================
   HERO
   ============================================ */
.hero-section{position:relative;background:var(--navy);padding-top:150px;overflow:hidden;}
@media(max-width:768px){.hero-section{padding-top:112px;}}
.hero-pattern{
  position:absolute;inset:0;z-index:0;
  background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:42px 42px;
  -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.7),transparent 78%);
  mask-image:linear-gradient(180deg,rgba(0,0,0,.7),transparent 78%);
}
.hero-diagonal{
  position:absolute;top:0;right:0;bottom:0;width:44%;z-index:0;
  background:linear-gradient(160deg,var(--navy-3),var(--navy-2));
  clip-path:polygon(30% 0,100% 0,100% 100%,0% 100%);
}
@media(max-width:991px){.hero-diagonal{display:none;}}
.hero-content{position:relative;z-index:2;}
.hero-eyebrow{color:var(--amber);}
.hero-title{color:#fff;font-size:3.15rem;line-height:1.14;margin-bottom:1.4rem;max-width:800px;}
@media(max-width:768px){.hero-title{font-size:2.05rem;}}
.hero-lead{color:#b7c0d4;font-size:1.12rem;max-width:640px;margin-bottom:2.1rem;line-height:1.7;}

.hero-stats-row{padding:2.6rem 0 3.4rem;border-top:1px solid rgba(255,255,255,.1);margin-top:.5rem;}
.stat-number{color:#fff;font-family:'Space Grotesk',sans-serif;font-size:2.15rem;font-weight:700;}
.stat-number .unit{font-size:1.05rem;color:var(--amber);font-weight:600;}
.stat-label{color:#94a0b8;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;margin-top:.25rem;}

.category-strip{background:var(--amber);position:relative;z-index:2;}
.category-list{padding:.9rem 0;}
.category-list span{color:#20160a;font-weight:700;font-size:.83rem;padding:.35rem 1.15rem;position:relative;white-space:nowrap;}
.category-list span:not(:last-child)::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:14px;background:rgba(0,0,0,.25);}

/* ============================================
   ICON BADGES
   ============================================ */
.icon-badge{width:48px;height:48px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff;flex-shrink:0;}
.icon-navy{background:var(--navy);}
.icon-amber{background:var(--amber);color:#20160a;}
.icon-blue{background:var(--blue);}
.icon-green{background:var(--green);}
.icon-purple{background:var(--purple);}
.icon-red{background:var(--red);}
.icon-teal{background:var(--teal);}
.icon-tan{background:var(--tan);}
.icon-blue-soft{background:#e9f1fc;color:var(--blue);}
.icon-green-soft{background:#e9f7ef;color:var(--green);}
.icon-amber-soft{background:#fef3e0;color:var(--amber-dark);}
.icon-purple-soft{background:#f0edfb;color:var(--purple);}

/* ============================================
   WHO WE ARE — feature cards
   ============================================ */
.feature-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:1.6rem;height:100%;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;}
.feature-card:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(16,24,40,.08);border-color:transparent;}
.feature-card h5{font-size:1.02rem;margin:.95rem 0 .5rem;}
.feature-card p{color:var(--muted);font-size:.87rem;line-height:1.6;margin:0;}
.highlight-chip{background:var(--blue);color:#fff;padding:.02em .35em;border-radius:4px;}

/* ============================================
   SERVICES — filter tabs + cards
   ============================================ */
.tab-btn{border:1.5px solid var(--line);background:#fff;color:var(--muted);font-weight:600;font-size:.87rem;padding:.6rem 1.4rem;border-radius:999px;transition:all .2s ease;cursor:pointer;}
.tab-btn:hover{border-color:var(--navy);color:var(--navy);}
.tab-btn.active{background:var(--navy);border-color:var(--navy);color:#fff;}
.tab-btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px;}

.service-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:2rem;height:100%;transition:transform .25s ease,box-shadow .25s ease;}
.service-card:hover{transform:translateY(-5px);box-shadow:0 22px 42px rgba(16,24,40,.09);}
.service-card h5{font-size:1.15rem;margin:1.1rem 0 .35rem;}
.service-sub{color:var(--muted);font-size:.85rem;margin-bottom:1.15rem;}
.service-list{list-style:none;padding:1rem 0 0;margin:0;border-top:1px solid var(--line);}
.service-list li{position:relative;padding-left:1.1rem;font-size:.86rem;color:var(--muted);margin-bottom:.55rem;line-height:1.5;}
.service-list li:last-child{margin-bottom:0;}
.service-list li::before{content:'';position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%;background:var(--amber);}

/* ============================================
   SECTORS
   ============================================ */
.sector-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:1.5rem;height:100%;transition:transform .25s ease,box-shadow .25s ease;}
.sector-card:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(16,24,40,.08);}
.sector-card .icon-badge{width:44px;height:44px;font-size:1.1rem;border-radius:10px;}
.sector-card h6{font-size:.95rem;margin:1rem 0 .4rem;font-family:'Space Grotesk',sans-serif;font-weight:700;}
.sector-card p{color:var(--muted);font-size:.82rem;line-height:1.55;margin:0;}

/* ============================================
   PROCESS
   ============================================ */
.process-section{background:var(--navy);position:relative;overflow:hidden;}
.process-section .hero-pattern{opacity:.6;}
.process-track{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem;position:relative;margin-top:3.2rem;z-index:1;}
.process-track::before{
      content: '';
    position: absolute;
    top: 19px;
    left: 0%;
    right: 10%;
    height: 0;
    border-top: 1px dashed rgba(245, 166, 35, .4);
    z-index: 0;
    width: 100%;
}
@media(max-width:991px){
  .process-track{grid-template-columns:1fr;gap:2.2rem;}
  .process-track::before{left:26px;right:auto;top:0;bottom:0;width:0;height:auto;border-top:none;border-left:2px dashed rgba(245,166,35,.35);}
}
.process-step{position:relative;z-index:1;text-align:center;padding:0 .5rem;}
@media(max-width:991px){.process-step{text-align:left;padding-left:70px;min-height:54px;}}
.process-circle{
  width:54px;height:54px;border-radius:50%;border:2px solid var(--amber);color:var(--amber);
  display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;
  font-weight:700;font-size:1.05rem;background:var(--navy);margin:0 auto 1.2rem;position:relative;z-index:1;
}
@media(max-width:991px){.process-circle{position:absolute;left:0;top:0;margin:0;}}
.process-step h6{color:#fff;font-size:1rem;margin-bottom:.6rem;font-family:'Space Grotesk',sans-serif;font-weight:700;}
.process-step p{color:#97a2ba;font-size:.85rem;line-height:1.6;}

/* ============================================
   WHY US
   ============================================ */
.accountability-item{display:flex;gap:1.2rem;margin-bottom:1.8rem;}
.accountability-item:last-child{margin-bottom:0;}
.acc-number{font-family:'Space Grotesk',sans-serif;font-size:1.6rem;font-weight:700;color:#d7dce6;flex-shrink:0;width:44px;}
.accountability-item h6{font-size:1.02rem;margin-bottom:.4rem;font-family:'Space Grotesk',sans-serif;font-weight:700;}
.accountability-item p{color:var(--muted);font-size:.88rem;line-height:1.6;margin:0;}

.stat-box-dark{background:var(--navy);border-radius:var(--radius-md);padding:1.35rem 1rem;text-align:center;height:100%;}
.sbd-number{color:var(--amber);font-family:'Space Grotesk',sans-serif;font-size:1.45rem;font-weight:700;}
.sbd-number span{font-size:.9rem;margin-left:2px;}
.sbd-label{color:#c2c9db;font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;margin-top:.35rem;}

.cert-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:1.3rem;height:100%;}
.cert-card h6{font-size:.92rem;margin:.85rem 0 .4rem;font-family:'Space Grotesk',sans-serif;font-weight:700;}
.cert-card p{color:var(--muted);font-size:.8rem;line-height:1.5;margin:0;}
.cert-card .icon-badge{width:42px;height:42px;font-size:1.05rem;border-radius:10px;}

/* ============================================
   CTA BANNER
   ============================================ */
.cta-banner{background:linear-gradient(120deg,#1c3f7a,#2159a8);padding:3.6rem 0;}
.cta-banner h3{color:#fff;font-size:1.75rem;margin-bottom:.6rem;line-height:1.3;}
.cta-banner p{color:#d3ddf0;margin:0;max-width:460px;font-size:.96rem;}
@media(max-width:991px){.cta-banner p{max-width:100%;}}

/* ============================================
   CONTACT
   ============================================ */
.contact-info-item{display:flex;gap:1.1rem;margin-bottom:1.7rem;align-items:flex-start;}
.contact-info-item:last-child{margin-bottom:0;}
.contact-info-item h6{font-size:.92rem;margin-bottom:.25rem;font-family:'Space Grotesk',sans-serif;font-weight:700;}
.contact-info-item p{color:var(--muted);font-size:.88rem;margin:0;line-height:1.6;}
.contact-form{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius-lg);padding:2rem;}
@media(max-width:576px){.contact-form{padding:1.4rem;}}
.contact-form .form-label{font-size:.83rem;font-weight:600;color:var(--ink);margin-bottom:.4rem;}
.contact-form .form-control,.contact-form .form-select{border-radius:var(--radius-sm);border:1px solid var(--line);padding:.65rem .9rem;font-size:.92rem;background:#fff;}
.contact-form .form-control:focus,.contact-form .form-select:focus{border-color:var(--blue);box-shadow:0 0 0 .2rem rgba(61,125,214,.15);}
.contact-form .form-control::placeholder{color:#a4acbd;}

/* ============================================
   FOOTER
   ============================================ */
.footer-rayax{background:var(--navy);padding-top:4.5rem;}
.footer-desc{color:#9aa4bc;font-size:.87rem;line-height:1.7;margin:1rem 0 1.3rem;max-width:320px;}
.footer-heading{color:#fff;font-size:.83rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1.25rem;font-family:'Space Grotesk',sans-serif;font-weight:700;}
.footer-links{list-style:none;padding:0;margin:0;}
.footer-links li{margin-bottom:.75rem;}
.footer-links a{color:#98a2ba;font-size:.87rem;transition:color .2s;}
.footer-links a:hover,.footer-links a:focus-visible{color:var(--amber);}
.social-icons a{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.15);display:inline-flex;align-items:center;justify-content:center;color:#fff;margin-right:.6rem;transition:all .2s;}
.social-icons a:hover{background:var(--amber);border-color:var(--amber);color:#20160a;}
/* ============================================
   MOTION — orchestrated reveal, respects reduced-motion
   ============================================ */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease;}
.reveal.active{opacity:1;transform:translateY(0);}
.reveal-grid>*{opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .55s ease;}
.reveal-grid.active>*{opacity:1;transform:translateY(0);}
.reveal-grid.active>*:nth-child(1){transition-delay:.02s;}
.reveal-grid.active>*:nth-child(2){transition-delay:.08s;}
.reveal-grid.active>*:nth-child(3){transition-delay:.14s;}
.reveal-grid.active>*:nth-child(4){transition-delay:.2s;}
.reveal-grid.active>*:nth-child(5){transition-delay:.26s;}
.reveal-grid.active>*:nth-child(6){transition-delay:.32s;}
.reveal-grid.active>*:nth-child(7){transition-delay:.38s;}
.reveal-grid.active>*:nth-child(8){transition-delay:.44s;}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  .reveal,.reveal-grid>*{transition:none!important;opacity:1!important;transform:none!important;}
  .feature-card,.service-card,.sector-card,.btn{transition:none!important;}
}
/* ---------- Hero ---------- */
  .hero{
    position:relative;
    background:
    /*  linear-gradient(180deg, var(--navy) 0%, var(--navy-deep) 100%);*/
    /*color:var(--white);*/
    overflow:hidden;
    border-bottom:1px solid var(--line-on-navy);
  }
  .hero-grid{
    position:absolute;
    inset:0;
    background-image:linear-gradient(rgb(0 40 103 / 4%) 1px, transparent 1px), linear-gradient(90deg, rgb(0 40 103 / 4%) 1px, transparent 1px);
    background-size:44px 44px;
    opacity:0.6;
    pointer-events:none;
  }
  .hero-inner{
    position:relative;
    padding:0;
    /*display:grid;*/
    /*grid-template-columns:1.15fr 0.85fr;*/
    /*gap:48px;*/
    align-items:center;
  }
  @media (max-width:991px){
    .hero-inner{grid-template-columns:1fr; padding:52px 0 56px;}
  }

  .hero-eyebrow{
    font-size:0.85rem;
    color:var(--amber);
    letter-spacing:0.03em;
    margin-bottom:18px;
    /*display:inline-flex;*/
    align-items:center;
    gap:10px;
  }
  .hero-eyebrow::before{
    content:"";
    width:22px;
    height:1px;
    background:var(--amber);
    display:inline-block;
  }

  .hero h1{
    font-size:clamp(2.35rem, 4.4vw, 2.8rem);
    font-weight:700;
    line-height:1.04;
    color:var(--navy);
  }
  .hero .lede{
    font-size:clamp(1.1rem, 1.6vw, 1.35rem);
    color:#D8DCE0;
    font-weight:500;
    margin-top:16px;
    /*max-width:34ch;*/
  }
  .hero .tagline{
    font-style:italic;
    color:var(--steel-light);
    font-size:1.02rem;
    margin-top:22px;
    /*max-width:52ch;*/
    border-left:2px solid var(--amber);
    padding-left:16px;
  }
  .hero .copy{
    margin-top:26px;
    color:#C7CDD2;
    /*max-width:62ch;*/
    font-size:0.98rem;
  }
  .hero .copy p{margin:0 0 14px;}
  .hero .copy p:last-child{margin-bottom:0;}

  .hero-actions{
    margin-top:32px;
    display:flex;
    align-items:center;
    gap:22px;
    flex-wrap:wrap;
  }

  .btn-amber{
    background:var(--amber);
    color:var(--white);
    border:1px solid var(--amber);
    border-radius:var(--radius);
    padding:13px 26px;
    font-family:'IBM Plex Sans', sans-serif;
    font-weight:600;
    font-size:0.95rem;
    display:inline-block;
    transition:background .15s ease, border-color .15s ease;
  }
  .btn-amber:hover{background:var(--amber-deep); border-color:var(--amber-deep); color:var(--white);}

  .link-ghost{
    color:#D8DCE0;
    font-size:0.92rem;
    border-bottom:1px solid var(--line-on-navy);
    padding-bottom:2px;
    transition:border-color .15s ease, color .15s ease;
  }
  .link-ghost:hover{color:var(--white); border-color:var(--steel-light);}

  /* hero illustration */
  .hero-art{
    opacity:0;
    transform:translateY(10px);
  }
  .hero-art.reveal{
    animation:artIn .9s ease forwards .25s;
  }
  @keyframes artIn{
    to{opacity:1; transform:translateY(0);}
  }
  .hero-art svg{width:100%; height:auto; max-width:420px; display:block; margin:0 auto;}

  .hero h1, .hero .lede, .hero .tagline, .hero .copy, .hero-actions{
    /*opacity:0;*/
    /*transform:translateY(12px);*/
  }
  .hero.reveal h1{animation:artIn .7s ease forwards .05s;}
  .hero.reveal .lede{animation:artIn .7s ease forwards .15s;}
  .hero.reveal .tagline{animation:artIn .7s ease forwards .25s;}
  .hero.reveal .copy{animation:artIn .7s ease forwards .35s;}
  .hero.reveal .hero-actions{animation:artIn .7s ease forwards .45s;}

  /* ---------- Section scaffolding ---------- */
  section{padding:86px 0;}
  @media (max-width:767px){section{padding:56px 0;}}

  .section-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:24px;
    margin-bottom:44px;
    flex-wrap:wrap;
    border-bottom:1px solid var(--line);
    padding-bottom:22px;
  }
  .section-head .tag{
    font-size:0.82rem;
    color:var(--amber-deep);
    margin-bottom:10px;
    display:block;
  }
  .section-head h2{
    font-size:clamp(1.7rem, 2.6vw, 2.45rem);
    font-weight:600;
    max-width:22ch;
  }
  .section-head .desc{
    max-width:54ch;
    color:var(--steel);
    font-size:0.96rem;
  }

  .on-navy{background:var(--navy); color:var(--white);}
  .on-navy .section-head{border-bottom-color:var(--line-on-navy);}
  .on-navy .section-head .desc{color:var(--steel-light);}
  .on-navy h2{color:var(--white);}

  /* ---------- Capability sheets ---------- */
  .sheet{
    border:1px solid var(--line);
    background:var(--panel);
    padding:28px 26px 24px;
    height:100%;
    transition:border-color .15s ease;
  }
  .sheet:hover{border-color:var(--amber);}
  .sheet .sheet-code{
    font-size:0.76rem;
    color:var(--amber-deep);
    display:block;
    margin-bottom:14px;
  }
  .sheet h3{
    font-size:1.12rem;
    font-weight:600;
    margin-bottom:16px;
    line-height:1.3;
    color:var(--navy);
  }
  .sheet ul{
    list-style:none;
    margin:0;
    padding:0;
  }
  .sheet li{
    font-size:0.9rem;
    color:var(--steel);
    padding-left:16px;
    position:relative;
    margin-bottom:9px;
    line-height:1.45;
  }
  .sheet li::before{
    content:"";
    position:absolute;
    left:0;
    top:0.55em;
    width:6px;
    height:1px;
    background:var(--steel-light);
  }
  .sheet li:last-child{margin-bottom:0;}

  /* ---------- Process ---------- */
  .process-track{
    position:relative;
    display:flex;
    gap:0;
    counter-reset:step;
  }
  @media (max-width:991px){
    .process-track{flex-direction:column; gap:32px;}
  }
  .process-line{
    position:absolute;
    top:19px;
    left:0;
    right:0;
    height:1px;
    background:var(--line-on-navy);
  }
  .process-line-fill{
    position:absolute;
    top:0; left:0;
    height:100%;
    width:0%;
    background:var(--amber);
    transition:width 1.1s ease;
  }
  @media (max-width:991px){
    .process-line{display:none;}
  }
  .step{
    flex:1;
    position:relative;
    padding-right:20px;
  }
  .step:last-child{padding-right:0;}
  .step .num{
    width:38px; height:38px;
    border:1px solid var(--steel-light);
    color:var(--steel-light);
    background:var(--navy);
    display:flex; align-items:center; justify-content:center;
    font-family:'IBM Plex Mono', monospace;
    font-size:0.85rem;
    position:relative;
    z-index:2;
    margin-bottom:20px;
    transition:border-color .2s ease, color .2s ease;
  }
  .step.active .num{border-color:var(--amber); color:var(--amber);}
  .step h4{
    color:var(--white);
    font-size:1.02rem;
    font-weight:600;
    margin-bottom:10px;
  }
  .step p{
    color:var(--steel-light);
    font-size:0.88rem;
    margin:0;
    max-width:26ch;
  }

  /* ---------- Compliance ---------- */
  .clause-list{
    list-style:none;
    margin:0; padding:0;
    /*border-top:1px solid var(--line);*/
  }
  .clause-list li{
    display:flex;
    align-items:center;
    gap:16px;
    padding:18px 0;
    border-bottom:1px solid var(--line);
    font-size:0.98rem;
  }
  .clause-list .mark{
       width: 38px;
    height: 38px;
    background: #1f2e5a;
    margin-top: 7px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    display: flex;
    font-size: 20px;
    border-radius: 52px;
    color: var(--amber);
  }

  /* ---------- Why us ---------- */
  .badge-strip{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:40px;
  }
  .badge-strip span{
    border:1px solid var(--line);
    padding:8px 16px;
    font-size:0.82rem;
    font-family:'IBM Plex Mono', monospace;
    color:var(--steel);
    background:var(--panel);
  }

  .why-card{
    border:1px solid var(--line);
    background:var(--panel);
    padding:26px 24px;
    height:100%;
    transition:border-color .15s ease;
  }
  .why-card:hover{border-color:var(--amber);}
  .why-card h4{
    font-size:1.05rem;
    font-weight:600;
    margin-bottom:12px;
  }
  .why-card p{
    font-size:0.9rem;
    color:var(--steel);
    margin:0;
    line-height:1.55;
  }

  /* ---------- CTA ---------- */
  .cta-band{
    background:var(--navy);
    color:var(--white);
    border-top:1px solid var(--line-on-navy);
  }
  .cta-inner{
    padding:64px 0;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:40px;
    flex-wrap:wrap;
  }
  .cta-inner h2{
    color:var(--white);
    font-size:clamp(1.5rem, 2.4vw, 2.05rem);
    /*max-width:20ch;*/
    margin-bottom:12px;
  }
  .cta-inner p{
    color:var(--steel-light);
    /*max-width:48ch;*/
    margin:0;
    font-size:0.98rem;
  }
  .cta-text{flex:1; min-width:280px;}
.color-1{
    color:var(--navy);
}
    .bg-navy{
          background:var(--navy);
      }
      .boroo .col-md-3{
          border-right:1px dashed #fff;
          text-align:center;
      }
      .boroo .col-md-3:nth-child(4){
          border:0px;
      }
      .boroo .col-md-3 h3{
          color:var(--amber);
              font-size: 28px;
    font-weight: 400;
      }
      
      .boroo .col-md-3 i{
          height:60px;
          width:60px;
          border:1px dashed var(--amber);
          display:flex;
          align-items:center;
          justify-content:center;
          border-radius:50%;
          margin-inline:auto;
      }
      
      .wh-ra{
          border-radius:40px;
      }
      .color-amber{
          color:var(--amber);
      }