*{
  padding: 0;
  margin: 0;
}
assets\fonts\Montserrat\static
/*QuickSand Font*/

@font-face {
  font-family: 'os-li-300';
  src:url('../font/opensans/OpenSans-Light.ttf')  format('truetype');   
}
@font-face {
  font-family: 'os-re-400';
  src:url('../font/opensans/OpenSans-Regular.ttf')  format('truetype');   
}
@font-face {
  font-family: 'os-me-500';
  src:url('../font/opensans/OpenSans-Medium.ttf')  format('truetype');   
}
@font-face {
  font-family: 'os-sb-600';
  src:url('../font/opensans/OpenSans-Bold.ttf')  format('truetype');   
}
@font-face {
  font-family: 'os-bo-700';
  src:url('../font/opensans/OpenSans-ExtraBold.ttf')  format('truetype');   
}


/************************************************
*                                               *
*          CSS - COMMON SECTION STYLE           *
*                                               *
* ***********************************************/

html {
  scroll-behavior: smooth;
}
body{
  font-family: 'os-re-400';
  position: relative;
  margin: 0;
  
}

a{
  text-decoration: none;
}

ul{
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
}
.p-reletive{
  position: relative;
}
.Common-Section-Padding{
 padding: 80px 0px;
}
.Common-Section-Padding-footer{
 padding: 40px 0px;
}

.Common-Section-Heading{
  padding-bottom: 25px;
}
.Common-Section-Heading h1{
  font-family: 'os-sb-600';
  font-size: 44px;
  color: #304E9D;
  text-transform: uppercase;
}
.Common-Section-Heading p{
  font-family: 'os-re-400';
  font-size: 16px;
}
.bg-color{
  background-color: #F1F1F1;
}
.bg-color-dark{
   background-color: #304E9D;
}

/************************************************
*                                               *
*          CSS - Preloader SECTION STYLE        *
*                                               *
* ***********************************************/
.preloader {
    background-color: #f7f7f7;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
    -webkit-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
    margin: 0 auto
}

.preloader .preloader-circle {
    width: 100px;
    height: 100px;
    position: relative;
    border-style: solid;
    border-width: 3px;
    border-top-color: #304E9D;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    z-index: 10;
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 5px 0 rgba(35, 181, 185, .15);
    box-shadow: 0 1px 5px 0 rgba(35, 181, 185, .15);
    background-color: #fff;
    -webkit-animation: zoom 2000ms infinite ease;
    animation: zoom 2000ms infinite ease;
    -webkit-transition: .6s;
    -o-transition: .6s;
    transition: .6s
}

.preloader .preloader-circle2 {
    border-top-color: #0078ff
}

.preloader .preloader-img {
    position: absolute;
    top: 50%;
    z-index: 200;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    display: inline-block;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-top: 6px;
    -webkit-transition: .6s;
    -o-transition: .6s;
    transition: .6s
}

.preloader .preloader-img img {
    max-width: 55px
}

.preloader .pere-text strong {
    font-weight: 800;
    color: #dca73a;
    text-transform: uppercase
}

@-webkit-keyframes zoom {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .6s;
        -o-transition: .6s;
        transition: .6s
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transition: .6s;
        -o-transition: .6s;
        transition: .6s
    }
}

@keyframes zoom {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .6s;
        -o-transition: .6s;
        transition: .6s
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transition: .6s;
        -o-transition: .6s;
        transition: .6s
    }
}
.ftr-cntct ul li {
  color: white;
  font-size: 13px;
  padding-bottom: 6px;
}

.ftr-cntct ul li span {
  padding-right: 8px;
}
.ftr-cntct p{
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}

/************************************************
*                                               *
*          CSS - HEADER SECTION STYLE           *
*                                               *
* ***********************************************/
.caslogo img{
  height: 50px;
  width: 120px;
}
.esslogo{
  padding-top: 0px;
}
.esslogo img{
  width: 150px;
  margin-left: 8px;
}
.justline{
  border: 1px solid;
  border-color: #304E9D;
  height: 40px;
}

.nav-link{
  color: #000000;
  font-family: 'os-sb-600';
  font-size: 16px;
  font-weight: 700;
  margin-left: 20px;
  transition: all 0.3s ease-out;
}
.offcanvas-title{
  font-size: 25px;
  font-family: 'os-sb-600';
}

.topbar-line{
    background-color: #304E9D;
    height: 12px;
}

/************************************************
*                                               *
*          CSS - BANNER SECTION STYLE           *
*                                               *
* ***********************************************/

.ESS-Banner{
  background: url("../imgs/dashboard.jpg");
  background-size: cover;
  margin: 0;
  height: 87vh;
  padding-bottom: 150px;
  position: relative;
}
.ESS-Banner .slider-img{
  padding-top: 170px;
}
.ESS-Banner .ESS-BannerContent h1 {
   font-family: 'os-sb-600';
  font-size: 47px;
  color: #304E9D;
  padding-top: 80px;
  text-transform: uppercase;
}
.ESS-Banner .ESS-BannerContent a{ 
  background-color: #304E9D;
  border-radius: 25px;
  text-align: center;
  padding: 15px 50px;
  color: white;
  font-family: 'os-sb-600';
  font-size: 16px;

}
.ESS-Banner .ESS-BannerContent p {
    padding-top: 10px;
    font-family: 'os-re-400';
    font-size: 15px;
    line-height: 25px;
    letter-spacing: -0.5px;
    margin-bottom: 30px;
    margin-left: 20px;
}

.text-right{
 text-align: right;
}

/************************************************
*                                               *
*          CSS - ABOUT SECTION STYLE           *
*                                               *
* ***********************************************/

.aboutusPadding{
  padding-top: 80px;
}
.aboutusContentWrapper h1{
  font-family: 'os-sb-600';
  font-size: 40px;
  color: #304E9D;
  text-transform: uppercase;
}
.aboutusContentWrapper p{
  padding-top: 40px;
  font-family: 'os-re-400';
  font-size: 16px;
  line-height: 25px;
  text-align: justify;
}
.aboutusContentPadding{
   padding-bottom: 50px;
}

/************************************************
*                                               *
*          CSS - Features SECTION STYLE           *
*                                               *
* ***********************************************/

.Feature-Card-Wrapper{
  border: 1px solid lightgray;
  border-radius: 30px;
  padding: 30px;
}
.ESS-FeatureImage{
 height: 100px;
}
.ESS-FeatureImage img{
 height: 80px;
}
.ESS-FeatureImage img:hover{
  -webkit-transition: 0.9s;
    transition: 0.9s;
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
}

.ESS-FeatureContent h1{
  font-family: 'os-sb-600';
  font-size: 20px;
  color: #304E9D;
  text-transform: capitalize;
  height: 50px;
  overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */ 
   -webkit-box-orient: vertical;
}
.ESS-FeatureContent p{
  font-family: 'os-re-400';
  font-size: 16px;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */ 
   -webkit-box-orient: vertical;
   padding-top: 5px;
   margin-bottom: 20px;
   height: 55px;
}
.ESS-FeatureContent a{
  background-color: #707070;
  border-radius: 25px;
  text-align: center;
  padding: 7px 17px;
  color: white;
  font-family: 'os-me-500';
  font-size: 15px;
}
.ESS-FeatureContent a:hover{
  background-color: #304E9D;
}
.not-visibal{
/*  visibility: hidden;*/
  opacity: 0.6;
  pointer-events: none;
}

/************************************************
*                                               *
*          CSS - CTA SECTION STYLE              *
*                                               *
* ***********************************************/
.CTAContentWrapper h1{
  font-family: 'os-sb-600';
  font-size: 37px;
  color: #304E9D;
  text-transform: uppercase;
}
.CTAContentWrapper p{
  padding-top: 10px;
  font-family: 'os-re-400';
  font-size: 16px;
  line-height: 25px;
}
.CTAContentWrapper a{
  background-color: #4F4A4F;
  border-radius: 25px;
  text-align: center;
  padding: 15px 50px;
  color: white;
  font-family: 'os-me-500';
  font-size: 15px;
}
.CTAContentWrapper a:hover{
  background-color: #304E9D;
}

/************************************************
*                                               *
*          CSS - WHY US SECTION STYLE           *
*                                               *
* ***********************************************/

.WHY-Card-Wrapper{
  padding: 20px 10px;
}
.ESS-WhyContent h1{
  font-family: 'os-sb-600';
  font-size: 22px;
  color: white;
  text-transform: capitalize;
  padding: 20px 0px;
  height: 80px;
  overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */ 
   -webkit-box-orient: vertical;
}
.ESS-WhyContent p{
  font-family: 'os-re-400';
  font-size: 15px;
  color: white;
}
.ESS-whyImage{
  height: 80px;
}
.ESS-whyImage img{
  height: 80px;
}
.WHY-Card-Wrapper:hover .ESS-whyImage img{
  -webkit-transition: 0.9s;
    transition: 0.9s;
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
}

/************************************************
*                                               *
*          CSS - Contact US SECTION STYLE       *
*                                               *
* ***********************************************/

.contact-Form-Wrapper input{
  outline: none;
  border: none;
  border-radius: 25px;
  padding: 7px 30px;
  width: 100%;
  color: #707070;
  font-family: 'os-re-400';
  font-size: 16px;
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.25);
}

.contact-Form-Wrapper textarea{
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.25);
  outline: none;
  border: none;
  border-radius: 25px;
  padding-left: 30px;
  width: 100%;
  color: #707070;
  font-family: 'os-re-400';
  font-size: 16px;
  background-color: white;
}
.send-message-btn a{
  background-color: #4F4A4F;
  border-radius: 25px;
  text-align: center;
  padding: 10px 55px;
  color: white;
  font-family: 'os-me-500';
  font-size: 15px;
}
.send-message-btn a:hover{
  background-color: #304E9D;
}
.contact-image-wrapper{
  position: absolute;
  bottom: 45px;
  right: 0px;
}
.contact-image-wrapper img{

  height: 470px;
}


.copyrightWrapper{
  background-color: #203D89;
  padding: 10px 0px;
}
.copyrightContent p{
  margin-bottom: 0px;
  font-family: 'os-me-500';
  color: #ffffff;
  font-size: 16px;
}
.footerIntro p{
 padding-top: 30px;
  font-family: 'os-re-400';
  font-size: 15px;
  line-height: 25px;
  color: white;
  text-align: justify !important;
}

.footer-widget-list h3{
  color: #fff;
  font-size: 20px;
  letter-spacing: -0.56px;
  font-family: 'os-me-500';
  text-transform: uppercase;
  margin-bottom: 50px;
}
.footer-widget-list ul{
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
  margin-top: 30px;
}
.footer-widget-list ul li{
  margin-bottom: 15px;
}
.footer-widget-list ul li:last-child{
  margin-bottom: 0px;
}
.footer-widget-list ul li label , .footer-widget-list p , .footer-widget-list ul li a{
  color: #fff;
  font-family: 'os-re-400';
  font-size: 15px;
  font-weight: 400;
}




.nav-link:focus, .nav-link:hover{
  color: #0a58ca;
  transition: all 0.3s ease-out;
  transform: scale(1.1);
}

.copyrightContent a{
  color: white;
}
.copyrightContent a:hover{
  color: black;
}




.offcanvas.offcanvas-end{
  border-left: 0px;
}
.offcanvas.offcanvas-start.serviceOffcanvas{
  width: 100%;
}
.serviceOffcanvas .offcanvas-header{
  padding-left: 0px;
  padding-right: 0px;
}
.serviceOffcanvas .offcanvas-body{
  padding-left: 0px;
  padding-right: 0px;
}
.offcanvas-title{
  text-transform: capitalize;
}

.text-dark-link a{
  text-decoration: none;
}




.heading-title { margin-bottom: 50px; text-align: center; }
.heading-title .title { position: relative; }
.heading-title .divider { border: 2px solid #304E9D; position: relative; display: inline-block; width: 30px; margin-top: 20px; }
.heading-title .divider:after { position: absolute; content: ""; top: -8px; left: 0; width: 50px; height: 1px; background: #304E9D; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.heading-title .divider:before { position: absolute; content: ""; bottom: -8px; right: 0; width: 50px; height: 1px; background: #304E9D; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.heading-title p {display: block; margin-bottom: 50px; margin-top: 20px; }


.section-title-esm h2 {
  color: #304E9D;
  font-size: 25px;
  font-weight: bold;
  padding-left: 12px;
  margin-bottom: 20px;
  margin-top: 20px;
  line-height: 26px;
  position: relative;
  margin-right: 25px;
}
.section-title-esm h2:before {
position: absolute;
left: 0;
top: 0;
width: 3px;
height: 29px;
background: #ecc41b;
content: "";
}
.section-title-esm:after {
  content: "";
  display: inline-block;
  background-color: #e8eaed;
  position: absolute;
  left: 0;
  right: 0;
  top: 10px;
  z-index: 10;
}

.com-t {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  text-align: center;
  font-size: 28px;
  color: #000000;
}

.com-p {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  text-align: center;
  font-size: 16px;
  color: #000000;
}

.feat-tabs-grid{
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.feat-tabs-grid div{
  padding: 5px 0;
  position: relative;
  padding-left: 30px;
}
.feat-tabs-grid div span i.tab-icon {
  color: #304E9D;
}
.feat-tabs-grid div span {
  position: absolute;
  left: 0;
}