/*!
 * Software             -      Sanvithaesf.Org HTML Template 
 * Developemnt Software -      Ezulix Software Private Limited
 * Software Develop     -      Copyright 2021.

1. Home Page
    1.1  Fonts Family & Css
    1.2  Reset
    1.3  Global Settings
    1.4  Scroll To Top style
    1.5  List Style
    1.6  Btn Style
    1.7  Section Title Style
    1.8  Main Header style
    1.9  Mobile Menu
    1.10  Hidden Sidebar style
    1.11  Slider Section
    1.12  Aboutus Section
    1.13  Mission & Vision section
    1.14  Services Section
    1.15  Why Choose Section
    1.16  Benefits Section
    1.17  Agent Login App Section
    1.19  Footer Section
2. Aboutus Page 
3. Services Page
4. Contact Us Page


/*** 
1.1 Font Family & Css
====================================================================***/
@import url('font-awesome.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('owl.css');
@import url('animation.css');
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900|Open+Sans:300,400,500,600,700,900|Rubik:300,400,500,700,900&display=swap");

/*** 
1.2 Reset
==============================================================***/
* {margin: 0px;padding: 0px;border: none;outline: none;}

/*** 
1.3 Global Settings
========================================================== ***/
body{font-family:"Open Sans",sans-serif;font-size:14px;color:#777;line-height:1.7em;font-weight:400;background:#fff;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased}
@media (min-width:1200px) {
 .container{max-width:1170px}
.appointment-section .form-column h4 {width: 72%}
}
@media (min-width:1920px) {
.container.price-container {max-width: 1380px}
}

.bordered-layout .page-wrapper{padding:0 50px 0}
a{text-decoration:none;cursor:pointer;color:#0060ff;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}a:focus,a:hover,a:visited,button{text-decoration:none;outline:0!important}
h1,h2,h3,h4,h5,h6{position:relative;font-weight:400;margin:0;background:0 0;font-family:Poppins}
textarea{overflow:hidden}
p{position:relative;font-family:rubik;font-size:16px}

/* Typography */
h1{font-size:36px}
h2{font-size:30px}
h3{font-size:24px}
h4{font-size:20px}
h5{font-size:18px}
h6{font-size:16px}
.auto-container{position:static;max-width:100%;padding:0 15px;margin:0 auto}
.medium-container{max-width:850px}
.page-wrapper{position:relative;margin:0 auto;width:100%;min-width:300px}li,ul{list-style:none;padding:0;margin:0}
.theme-btn{cursor:pointer;display:inline-block;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}
.theme_color{color:#0060ff}
.preloader{position:fixed;left:0;top:0;width:100%;height:100%;z-index:999999;background-color:#fff;background-position:center center;background-repeat:no-repeat;background-image:url(../images/icons/preloader.svg);background-size:80px}
img{display:inline-block;max-width:100%;height:auto}
.centered{text-align:center}
.pos-rel{position:relative}
.grad-bg{background:#fff;box-shadow:0 2px 9px -6px #000}
.f-left{float:left}


/* ------------------------
    Section Title
------------------------*/
.title {position: relative; color: #1c1d3e; margin-bottom: 0;}
.dark-bg .title, .theme-bg .title, .theme-bg .section-title h3{color: #ffffff}
.section-title h3{padding: 15px 0 15px 15px; position: relative; display: inline-block; font-weight: 600; text-transform: uppercase; margin-bottom: 0px;}
.section-title h2{margin-bottom: 15px;}
.section-title p{margin-bottom: 0;}
.sec-title p {font-size: 18px;color: #393939;padding-top: 20px}
.title-effect {width: 50px;height: 50px;top: -9px;position: absolute;animation: rotation 12.8s steps(1) 0s infinite}
.title-effect.title-centered {left: 0;right: 0;margin: 0 auto}
.text-center .title-effect{left: 50%; margin-left: -25px;}
.text-center .section-title h6{padding: 15px 0;}

.title-effect .bar {background: #ffb33a;}
.title-effect .bar-top {width: 100%; height: 7px; position: absolute; top: 0; left: 0; transform-origin: left top; transform: scale(0, 1); animation: bar-top 3.2s linear 0s infinite;}
.title-effect .bar-right {width: 7px; height: 100%; position: absolute; top: 0; right: 0; transform-origin: left top; transform: scale(1, 0); animation: bar-right 3.2s linear 0s infinite;}
.title-effect .bar-bottom {width: 100%; height: 7px; position: absolute; right: 0; bottom: 0; transform-origin: right top; transform: scale(0, 1); animation: bar-bottom 3.2s linear 0s infinite;}
.title-effect .bar-left {width: 7px; height: 100%; position: absolute; left: 0; bottom: 0; transform-origin: left bottom; transform: scale(1, 0); animation: bar-left 3.2s linear 0s infinite;}

/* ------------------------
    Spinner
------------------------*/
.spinner-eff {position: absolute;width: 200px;height: 200px;top: 90px;right: 0;left: 0;margin: 0 auto}
.spinner-eff .spinner-circle {border-radius: 100px; position: absolute; left: 0; right: 0; margin: auto; transform: scale(1); transform-origin: center center;}
.spinner-eff .circle-1 {width: 100%; height: 100%; background-color: #60f691;  top: 0; animation: pulse 1.6s linear 0s infinite;}
.spinner-eff .circle-2 {width: 66.6%; height: 66.6%; background-color: #0cca4a; top: 16.5%; animation: pulse-2 1.6s linear 0s infinite;}


/*** 
1.4 Scroll To Top style
======================================================= ***/
.scroll-to-top {text-align: center}
.scroll-to-top:hover {color: #ffffff;background: #0060ff}
.back-to-top.back-top-wrap{position:fixed;z-index:999;bottom:47px;left:auto;right:82px;height:0;width:auto}
#back-top{position:fixed;right:20px;bottom:7px;overflow:hidden;width:50px;height:50px;cursor:pointer;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);background:#edeff5;line-height:50px;text-align:center;box-shadow:.6em .6em 1.2em #d2dce9,-.5em -.5em 1em #fff}
#back-top:after,#back-top:before,#ux-slider-down:after,#ux-slider-down:before{content:'';position:absolute;left:0;top:50%;margin-top:-1px;width:20px;height:2px;background-color:#0060ff;-webkit-transform-origin:21px 0;-moz-transform-origin:21px 0;-ms-transform-origin:21px 0;transform-origin:21px 0;transition:.5s;margin-left:4px}
#back-top:after,#ux-slider-down:after{left:20px;-webkit-transform-origin:3px 0;-moz-transform-origin:3px 0;-ms-transform-origin:3px 0;transform-origin:3px 0}
#back-top:hover:before,#ux-slider-down:hover:before{-webkit-transform:translate(2px,-15px) rotate(-60deg);-moz-transform:translate(2px,-15px) rotate(-60deg);-ms-transform:translate(2px,-15px) rotate(-60deg);transform:translate(2px,-15px) rotate(-60deg)
}#back-top:hover:after,#ux-slider-down:hover:after{-webkit-transform:translate(2px,-12px) rotate(60deg);-moz-transform:translate(2px,-12px) rotate(60deg);-ms-transform:translate(2px,-12px) rotate(60deg);transform:translate(2px,-12px) rotate(60deg)}
#back-top.backtop-shown{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);transition:.5s}

/*** 
1.5 List Style
==================================================== ***/
/* List Style One */
.list-style-one {position: relative}
.list-style-one li {position: relative;color: #ffffff;font-size: 16px;padding-left: 30px;font-weight: 400;line-height: 1.6em;margin-bottom: 20px}
.list-style-one li .icon {position: absolute;left: 0px;top: 5px;color: #0060ff;font-size: 18px;line-height: 1em;font-weight: 300;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease}

/* List Style Two */
.list-style-two {position: relative}
.list-style-two li {position: relative;color: #555555;font-size: 13px;padding-left: 30px;font-weight: 500;line-height: 1.6em;margin-bottom: 10px;font-family: "Open Sans", sans-serif}
.list-style-two li:before {position: absolute;content: '\f004';left: 0px;top: 5px;color: #0060ff;font-size: 15px;line-height: 1em;font-weight: 600;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;font-family: 'FontAwesome'}

/*** 
1.6 Btn Style
=================================================***/
/*Btn Style One*/
.btn-style-one {position: relative;display: inline-block;font-size: 14px;line-height: 30px;color: #ffffff;padding: 11px 30px;font-weight: 500;overflow: hidden;border-radius: 3px;text-transform: capitalize;background-color: #0060ff;font-family: "Open Sans", sans-serif}
.btn-style-one:before {position: absolute;content: '';left: 92%;top: 0px;width: 100%;height: 100%;z-index: 1;opacity: 1;background-color: #132144;-webkit-transition: all 0.4s;-moz-transition: all 4s;
-o-transition: all 0.4s;transition: all 0.4s;transform: skewX(-25deg)}
.btn-style-one .txt {position: relative;z-index: 1;font-weight: 600}
.btn-style-one:hover::before {left: 0%;-webkit-transform: scale(1, 1);transform: scale(1, 1)}
.btn-style-one:hover {color: #ffffff;border-color: #00e49a}

/* Btn Style Two */
.btn-style-two {position: relative; display: inline-block;font-size: 14px;line-height: 30px;color: #ffffff;padding: 12px 40px;font-weight: 500;overflow: hidden;border-radius: 3px;text-transform: capitalize;background-color: #141d38;font-family: "Open Sans", sans-serif}
.btn-style-two:before {position: absolute;content: '';left: 92%;top: 0px;width: 100%;height: 100%;z-index: 1;opacity: 1;background-color: #ffffff;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;transform: skewX(-25deg)}
.btn-style-two .txt {position: relative;z-index: 1}
.btn-style-two:hover::before {left: 0%;-webkit-transform: scale(1, 1);transform: scale(1, 1)}
.btn-style-two:hover {color: #141d38}

/* Btn Style Three */
.btn-style-three {position: relative;display: inline-block;font-size: 16px;line-height: 30px;color: #ffffff;padding: 12px 50px;font-weight: 600;overflow: hidden;border-radius: 3px;text-transform: capitalize;background-color: #1c2c52;font-family: "Open Sans", sans-serif}
.btn-style-three:before {position: absolute;content: '';left: 92%;top: 0px;width: 100%;height: 100%;z-index: 1;opacity: 1;background-color: #0060ff;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;transform: skewX(-25deg)}
.btn-style-three .txt {position: relative;z-index: 1}
.btn-style-three:hover::before {left: 0%;-webkit-transform: scale(1, 1);transform: scale(1, 1)}
.btn-style-three:hover {color: #fff}
.home-btn {
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  border: 2px solid #05b1f1;
  border-radius: 45px;
  background-color: #05b1f1;
  padding: 10px 40px;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 575px) {
  .home-btn {
    font-size: 16px;
    padding: 8px 36px;
  }
}
.home-btn:focus {
  outline: none;
}
.home-btn:hover {
  background-color: transparent;
  color: #ffffff;
}

.home-btn:hover {
  color: #05b1f1;
} 

/***   
1.7 Section Title Style
=============================================== ***/
.sec-title {position: relative;margin-bottom: 55px}
.sec-title .title {position: relative;color: #04528b;font-size: 16px;font-weight: 700;text-transform: uppercase;font-family: "Open Sans", sans-serif}
.sec-title h2 {position: relative;color: #05b1f1;font-weight: 700;line-height: 1.3em;margin-top: 15px}
.sec-title .title::after {background: #04528b;width: 100px;height: 2px;position: absolute;bottom: -7px;content: ""}
.sec-title .text {position: relative;color: #777777;font-weight: 400;line-height: 1.7em;margin-top: 18px;font-size: 18px}
.sec-title.light .text, .sec-title.light .title, .sec-title.light h2 {color: #ffffff}
.sec-title.centered {text-align: center !important}

/***
1.8 Main Header style
============================================***/
.main-header {position: relative;z-index: 99;width: 100%;background: #03254c}
.main-header .header-upper {position: relative;background-color: transparent}

/* Header Lower */
.main-header .header-lower::after {position: absolute;content: '';left: 6%;top: 0px;bottom: 0px;width: 83%;background-color: #073973;z-index: -1;border-radius: 50px}
.header-logo {width: 150px;padding-top: 15px}

/* Main Menu */
.main-menu{position:relative;float:left;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.main-menu .navbar-collapse{padding:0;float:left;display:block!important}
.main-menu .navigation{position:relative;margin:0}
.main-menu .navigation>li{position:relative;float:left;margin-right:40px;transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease}
.login-btn a {
	padding: 10px 23px !important;
	margin-top: 21px;
	border-radius: 31px;
	background: #fff;
	position: absolute;
	color: #04528b;
	text-transform: uppercase;
	font-weight: 700;
	transition: .5s;
	width: 153px;
	text-align: center;
}
.login-btn a:hover{background:#04528b;color:#fff}
.nav-login{display:none}
.main-header.fixed-header .nav-login{display:block}
.sticky-header .main-menu .navigation>li.nav-login>a{padding:7px 23px!important;margin-top:10px;border-radius:31px;background:#04528b;margin-left:44px;color:#fff!important;font-weight:700;transition:.5s}
.sticky-header .main-menu .navigation>li.nav-login>a:hover{background:#7eba48!important;color:#fff!important}
.sticky-header .main-menu .navigation>li:hover::before{display:none}
.main-menu .navigation>li:last-child{margin-right:0}
.sticky-header .main-menu .navigation>li>a{color:#444!important}
.sticky-header .main-menu .navigation>li.current>a,.sticky-header .main-menu .navigation>li:hover>a{color:#0060ff;background-color:inherit!important}
.sticky-header .nav-outer .options-box{margin-top:45px}
.sticky-header .container {
	display: flex;
	align-items: center;
}
/*Sticky Header*/
.sticky-header{position:fixed;opacity:0;visibility:hidden;left:0;top:0;width:100%;padding:0 0;background:#fff;z-index:0;border-bottom:1px solid #e8f1f7;transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease}
.sticky-header .logo{padding:7px 0 6px}

.sticky-header .logo img{width:157px}
.fixed-header .sticky-header{z-index:999;opacity:1;visibility:visible;-ms-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-op-animation-name:fadeInDown;-webkit-animation-name:fadeInDown;animation-name:fadeInDown;-ms-animation-duration:.5s;-moz-animation-duration:.5s;-op-animation-duration:.5s;-webkit-animation-duration:.5s;animation-duration:.5s;-ms-animation-timing-function:linear;-moz-animation-timing-function:linear;-op-animation-timing-function:linear;-webkit-animation-timing-function:linear;animation-timing-function:linear;-ms-animation-iteration-count:1;-moz-animation-iteration-count:1;-op-animation-iteration-count:1;-webkit-animation-iteration-count:1;animation-iteration-count:1}
.main-menu .navigation>li>a{position:relative;display:block;color:#fff;text-align:center;line-height:30px;text-transform:uppercase;letter-spacing:0;opacity:1;font-weight:500;padding:33px 0;font-size:14px;transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;font-family:"Open Sans",sans-serif;margin-top: 10px;}
.main-menu .navigation>li.dropdown>a{padding-right:15px!important}
.main-menu .navigation>li.dropdown>a:before{font-family:FontAwesome;content:"\f107";position:absolute;right:0;font-size:13px;line-height:34px}
.main-menu .navigation > li::before {position: absolute;content: '';left: 0;bottom: 19px;width: 0%;height: 2px;opacity: 0;background-color: #05b1f1;transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease}
.main-menu .navigation>li.current::before,.main-menu .navigation>li:hover::before{opacity:1;width:100%;z-index:1}
.sticky-header .main-menu .navigation>li{position:relative;margin-left:30px;margin-right:0}
.main-menu .navigation>li.current>a,.main-menu .navigation>li:hover>a{opacity:1;color:#05b1f1 !important}
.main-menu .navigation>li>ul{position:absolute;left:-30px;top:100%;width:230px;z-index:100;display:none;opacity:0;visibility:hidden;transition:all .9s ease;-moz-transition:all .9s ease;-webkit-transition:all .9s ease;-ms-transition:all .9s ease;-o-transition:all .9s ease;padding:20px 15px;border-radius:10px;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1)}
.main-menu .navigation>li>ul.from-right{left:auto;right:0}
.main-menu .navigation>li>ul>li{position:relative;width:100%;border-bottom:1px solid #f9f9f9}
.main-menu .navigation>li>ul>li:last-child{border-bottom:none}
.main-menu .navigation>li>ul>li>a{position:relative;display:block;padding:10px 18px;line-height:24px;font-weight:600;font-size:15px;text-transform:capitalize;color:#7c7b7b;transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease}
.sticky-header .main-menu .navigation>li>a{padding:19px 0;margin: 0;}
.main-menu .navigation>li>ul>li>a:before{position:absolute;content:'//';left:10px;top:8px;opacity:0;color:#0060ff;transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease}
.main-menu .navigation>li>ul>li:hover>a::before{opacity:1}
.sticky-header .main-menu .navigation>li>a:before{top:18px!important}
.main-menu .navigation>li>ul>li:hover>a{color:#0060ff;padding-left:30px}
.main-menu .navigation>li>ul>li.dropdown>a:after{font-family:FontAwesome;content:"\f105";position:absolute;right:15px;top:13px;width:10px;height:20px;display:block;color:#253d4a;line-height:20px;font-size:16px;font-weight:400;text-align:center;z-index:5}
.rtl .main-menu .navigation>li>ul>li.dropdown>a:after{transform:rotate(180deg)}
.main-menu .navigation>li>ul>li.dropdown:hover>a:after{color:#222}
.main-menu .navigation>li>ul>li>ul{position:absolute;left:120%;top:0;width:230px;z-index:100;display:none;transition:all .9s ease;-moz-transition:all .9s ease;-webkit-transition:all .9s ease;-ms-transition:all .9s ease;-o-transition:all .9s ease;padding:20px 15px;border-radius:10px;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1)}
.main-menu .navigation>li>ul>li>ul.from-right{left:auto;right:0}
.main-menu .navigation>li>ul>li>ul>li{position:relative;width:100%;border-bottom:1px solid #f9f9f9}
.main-menu .navigation>li>ul>li>ul>li:last-child{border-bottom:none}
.main-menu .navigation>li>ul>li>ul>li>a{position:relative;display:block;padding:6px 18px;line-height:24px;font-weight:600;font-size:15px;text-transform:capitalize;color:#7c7b7b;padding-left:10px;transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease}
.main-menu .navigation>li>ul>li>ul>li:hover>a{color:#0060ff}
.main-menu .navigation>li>ul>li>ul>li>a:before{position:absolute;content:'//';left:10px;top:8px;opacity:0;color:#0060ff;transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease}
.main-menu .navigation>li>ul>li>ul>li:hover>a::before{opacity:1}
.main-menu .navigation>li>ul>li>ul>li:hover>a{color:#0060ff;padding-left:30px}
.main-menu .navigation>li.dropdown:hover>ul{visibility:visible;opacity:1;left:0;-moz-transform:rotateX(0);-webkit-transform:rotateX(0);-ms-transform:rotateX(0);-o-transform:rotateX(0);transform:rotateX(0)}
.main-menu .navigation li>ul>li.dropdown:hover>ul{visibility:visible;opacity:1;top:0;left:100%;-moz-transform:rotateX(0);-webkit-transform:rotateX(0);-ms-transform:rotateX(0);-o-transform:rotateX(0);transform:rotateX(0);transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .5s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}
.main-menu .navbar-collapse>ul li.dropdown .dropdown-btn{position:absolute;right:10px;top:6px;width:30px;height:30px;text-align:center;color:#fff;line-height:28px;border:1px solid #fff;background-size:20px;cursor:pointer;z-index:5;display:none}
.main-header.header-style-three .nav-outer{width:100%;padding:0 110px}
.main-header.header-style-three .header-lower{position:relative;left:0;right:0;padding:0;top:0}
.main-header.header-style-three .nav-outer .grid-box{position:absolute;left:0;top:11px;z-index:1;font-size:22px;padding:15px 0}
.contact-detail-box{background:#04528b;padding:7px 25px;border-radius:50px;width:min-content}
.contact-inner-box{display:flex;align-items:center}
.support-icon{float:left;font-size:46px;color:#fff}
.contact-inner-box .number a{display:block;padding-left:10px;position:relative;overflow:hidden;color:#fff}
.main-header.header-style-three .header-lower .main-menu .navigation>li>a{padding:20px 0}
.main-header.header-style-three .main-menu .navigation>li>a{font-weight:600}

/***
1.9. Mobile Menu
==========================================***/
.nav-outer .mobile-nav-toggler{position:relative;float:right;font-size:36px;cursor:pointer;color:#000;display:none}
.mobile-menu{position:fixed;right:0;top:0;width:300px;padding-right:30px;max-width:100%;height:100%;opacity:0;visibility:hidden;z-index:999999}
.mobile-menu .nav-logo{position:relative;padding:20px 20px;text-align:left}
.mobile-menu .nav-logo img{max-width:200px}
.mobile-menu-visible{overflow:hidden}
.mobile-menu-visible .mobile-menu{opacity:1;visibility:visible}
.mobile-menu .menu-backdrop{position:fixed;right:0;top:0;width:100%;height:100%;z-index:1;background:rgba(0,0,0,.9);-webkit-transform:translateX(101%);-ms-transform:translateX(101%);transform:translateX(101%)}
.mobile-menu-visible .mobile-menu .menu-backdrop{opacity:1;visibility:visible;-webkit-transition:all .7s ease;-moz-transition:all .7s ease;-ms-transition:all .7s ease;-o-transition:all .7s ease;transition:all .7s ease;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
.mobile-menu .menu-box{position:absolute;left:0;top:0;width:100%;height:100%;max-height:100%;overflow-y:auto;background:#fff;padding:0 0;z-index:5;opacity:0;visibility:hidden;border-radius:0;-webkit-transform:translateX(101%);-ms-transform:translateX(101%);transform:translateX(101%)}
.mobile-menu-visible .mobile-menu .menu-box{opacity:1;visibility:visible;-webkit-transition:all .7s ease .5s;-moz-transition:all .7s ease .5s;-ms-transition:all .7s ease .5s;-o-transition:all .7s ease .5s;transition:all .7s ease .5s;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
.mobile-menu .close-btn{position:absolute;right:15px;top:15px;line-height:30px;width:30px;text-align:center;font-size:14px;color:#202020;cursor:pointer;z-index:10;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;-webkit-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px)}
.mobile-menu-visible .mobile-menu .close-btn{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.mobile-menu .close-btn:hover{opacity:.5}
.mobile-menu .navigation{position:relative;display:block;width:100%;border-top:1px solid rgba(0,0,0,.1)}
.mobile-menu .navigation li{position:relative;display:block;border-bottom:1px solid rgba(0,0,0,.1)}
.mobile-menu .navigation li>ul>li:last-child{border-bottom:none}
.mobile-menu .navigation li>ul>li:first-child{border-top:1px solid rgba(0,0,0,.1)}
.mobile-menu .navigation li>a{position:relative;display:block;line-height:24px;padding:10px 20px;font-size:15px;color:#404040;text-transform:capitalize}
.mobile-menu .navigation li.current>a,.mobile-menu .navigation li:hover>a{color:#000}
.mobile-menu .navigation li.dropdown .dropdown-btn{position:absolute;right:0;top:0;width:44px;height:44px;text-align:center;font-size:16px;line-height:44px;color:#404040;cursor:pointer;z-index:5}
.mobile-menu .navigation li.dropdown .dropdown-btn:after{content:'';position:absolute;left:0;top:10px;width:1px;height:24px;border-left:1px solid rgba(0,0,0,.1)}
.mobile-menu .navigation li>ul,.mobile-menu .navigation li>ul>li>ul{display:none}
.sticky-header .navbar-header{display:none}

/***
1.10 Hidden Sidebar style
========================================***/
.main-header .header-upper .outer-box .nav-btn {position: relative;float: left;font-size: 25px;color: #222222;cursor: pointer;margin-top: 19px;margin-left: 25px}
.sticky-header .outer-box .nav-btn {position: relative;float: right;font-size: 28px;color: #000000;cursor: pointer;margin-top: 9px;margin-left: 30px}

/***
1.11 Slider Section
=======================================***/
.banner-section{position:relative;overflow:hidden}
.banner-section .slide::before{position:absolute;content:'';left:0;top:0;right:0;bottom:0;z-index:2;background-color:rgba(0,0,0,.7)}
.banner-section .slide{position:relative;overflow:hidden;padding-top:300px;padding-bottom:200px}
.banner-section .patern-layer-one{position:absolute;left:0;top:0;width:493px;height:492px;z-index:2;opacity:0;transform:translateX(-500px);background-position:center bottom;background-repeat:no-repeat;background-size:cover;transition:all .9s ease;-moz-transition:all .9s ease;-webkit-transition:all .9s ease;-ms-transition:all .9s ease;-o-transition:all .9s ease}
.banner-section .active .patern-layer-one{opacity:1;transform:translateX(0)}
.banner-section .patern-layer-two{position:absolute;right:0;bottom:0;width:611px;height:633px;z-index:2;background-position:right top;background-repeat:no-repeat;transform:translateX(500px);transition:all .9s ease;-moz-transition:all .9s ease;-webkit-transition:all .9s ease;-ms-transition:all .9s ease;-o-transition:all .9s ease}
.banner-section .active .patern-layer-two{transform:translateX(00px);-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-ms-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}
.banner-section .content-column{position:relative;z-index:10}
.banner-section .content-column .inner-column{position:relative}
.banner-section .content-column .title{position:relative;color:#fff;font-size:30px;line-height:1.8em;margin-bottom:16px;font-weight:700;opacity:0;transform:scaleY(0);transform-origin:top;-webkit-transition:all 1s ease;-moz-transition:all .1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}
.banner-section .active .content-column .title{opacity:1;transform:scaleY(1);-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-ms-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}
.banner-section .content-column h1{position:relative;color:#fff;font-weight:700;line-height:1.1em;opacity:0;transform:scaleY(0);transform-origin:top;-webkit-transition:all 1s ease;-moz-transition:all .1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}
.banner-section .active .content-column h1{opacity:1;transform:scaleY(1);-webkit-transition-delay:.6s;-moz-transition-delay:.6s;-ms-transition-delay:.6s;-o-transition-delay:.6s;transition-delay:.6s}
.banner-section .content-column .text{position:relative;color:#fff;font-size:17px;line-height:1.9em;margin-top:30px;margin-bottom:30px;font-weight:400;opacity:0;transform:scaleY(0);transform-origin:top;-webkit-transition:all 1s ease;-moz-transition:all .1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}
.banner-section .active .content-column .text{opacity:1;transform:scaleY(1);-webkit-transition-delay:.9s;-moz-transition-delay:.9s;-ms-transition-delay:.9s;-o-transition-delay:.9s;transition-delay:.9s}
.banner-section .content-column .btns-box{margin-top:35px;opacity:0;transform:scaleY(0);transform-origin:top;-webkit-transition:all 1s ease;-moz-transition:all .1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}
.banner-section .active .content-column .btns-box{opacity:1;transform:scaleY(1);-webkit-transition-delay:1.2s;-moz-transition-delay:1.2s;-ms-transition-delay:1.2s;-o-transition-delay:1.2s;transition-delay:1.2s}
.banner-section .content-column .theme-btn{margin-right:15px}
.banner-section .owl-dots{position:absolute;left:0;right:0;bottom:40px;text-align:center}
.banner-section .owl-dots .owl-dot{position:relative;width:30px;height:6px;margin-bottom:10px;border-radius:0;margin:0 5px;display:inline-block;background-color:#fff;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}
.banner-section .owl-dots .owl-dot.active, .banner-section .owl-dots .owl-dot:hover{background-color:#141d38}
.banner-section .owl-nav{position:absolute;left:0;top:50%;z-index:99999;width:100%;opacity:0;margin-top:-10px;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}
.banner-section:hover .owl-nav{opacity:1}
.banner-section .owl-nav .owl-prev{position:absolute;left:20px;width:60px;height:60px;color:#fff;line-height:56px;font-size:24px;text-align:center;border-radius:50px;transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;border:2px solid rgba(255,255,255,.6)}
.banner-section .owl-nav .owl-next{position:absolute;right:20px;font-size:24px;width:60px;height:60px;color:#fff;line-height:56px;border-radius:50px;text-align:center;transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;border:2px solid rgba(255,255,255,.6)}
.banner-section .owl-nav .owl-next:hover, .banner-section .owl-nav .owl-prev:hover{color:#222;border-color:#fff;background-color:#fff}
.banner-section-three .color-layer{position:absolute;right:0;top:0;width:70%;height:100%;z-index:1;background:#fff;background:-webkit-linear-gradient(to right,rgba(255,255,255,0) 0,#132144 100%);background:-moz-linear-gradient(to right,rgba(255,255,255,0) 0,#132144 100%);background:linear-gradient(to right,rgba(255,255,255,0) 0,#132144 100%)}
.banner-section-three .slide{position:relative;overflow:hidden;padding-top:20px;padding-bottom:251px;background-size:cover;background-position:top;display:flex}
.banner-section-three .pattern-layer-one{position:absolute;right:0;top:0;width:728px;height:976px;z-index:10;opacity:0;transform:translateX(500px);background-position:right top;background-repeat:no-repeat;transition:all .9s ease;-moz-transition:all .9s ease;-webkit-transition:all .9s ease;-ms-transition:all .9s ease;-o-transition:all .9s ease}
.banner-section-three .active .pattern-layer-one{opacity:1;transform:translateX(0)}
.banner-section-three .content-column{position:relative;z-index:10;height:475px}
.banner-section-three .content-column .inner-column{position:relative;max-width:100%;width:62%;float:left}
.banner-section-three .content-column h1{position:relative;color:#fff;font-weight:700;line-height:1.1em;opacity:0;font-size:42px;transform:scaleY(0);transform-origin:top;-webkit-transition:all 1s ease;-moz-transition:all .1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}
.banner-section-three .active .content-column h1{opacity:1;transform:scaleY(1);-webkit-transition-delay:.6s;-moz-transition-delay:.6s;-ms-transition-delay:.6s;-o-transition-delay:.6s;transition-delay:.6s}
.banner-section-three .content-column .text{position:relative;color:#fff;font-size:21px;line-height:1.6em;margin-top:30px;margin-bottom:30px;font-weight:500;opacity:0;transform:scaleY(0);transform-origin:top;-webkit-transition:all 1s ease;-moz-transition:all .1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;font-family:rubik}
.banner-section-three .active .content-column .text{opacity:1;transform:scaleY(1);-webkit-transition-delay:.9s;-moz-transition-delay:.9s;-ms-transition-delay:.9s;-o-transition-delay:.9s;transition-delay:.9s}
.banner-section-three .content-column .button-box{margin-top:35px;opacity:0;transform:scaleY(0);transform-origin:top;-webkit-transition:all 1s ease;-moz-transition:all .1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}
.banner-section-three .active .content-column .button-box{opacity:1;transform:scaleY(1);-webkit-transition-delay:1.2s;-moz-transition-delay:1.2s;-ms-transition-delay:1.2s;-o-transition-delay:1.2s;transition-delay:1.2s}
.banner-section-three .content-column .theme-btn{margin-right:15px}
.banner-section-three .owl-dots{position:absolute;left:0;right:0;bottom:40px;text-align:center}
.banner-section-three .owl-dots .owl-dot{position:relative;width:30px;height:6px;margin-bottom:10px;border-radius:0;margin:0 5px;display:inline-block;background-color:#fff;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}
.banner-section-three .owl-dots .owl-dot.active, .banner-section-three .owl-dots .owl-dot:hover{background-color:#141d38}
.banner-section-three .owl-nav{position:absolute;left:0;top:50%;z-index:99999;width:100%;opacity:0;margin-top:-10px;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}
.banner-section-three:hover .owl-nav{opacity:1}
.banner-section-three .owl-nav .owl-prev{position:absolute;left:20px;width:60px;height:60px;color:#fff;line-height:56px;font-size:24px;text-align:center;border-radius:50px;transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;border:2px solid rgba(255,255,255,.6)}
.banner-section-three .owl-nav .owl-next{position:absolute;right:20px;font-size:24px;width:60px;height:60px;color:#fff;line-height:56px;border-radius:50px;text-align:center;transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;border:2px solid rgba(255,255,255,.6)}
.banner-section-three .owl-nav .owl-next:hover, .banner-section-three .owl-nav .owl-prev:hover{color:#1543c5;border-color:#fff;background-color:#fff}
.main-slider-carousel.owl-carousel .owl-item{height:745px!important}
.banner-section-three .active .content-column h1 span{font-size:29px;display:table;margin-bottom:0;border-bottom:2px solid #fff}
.slider-2 h1{color:#383390!important}
.slider-2 h1 span{color:#dc1030;border-color:#dc1030!important}
.slider-2 .inner-column .text{color:#868686!important}
.slider-4 h1{color:#383390!important}
.slider-4 h1 span{font-size:24px!important;border-bottom:2px solid #dc1030!important;color:#dc1030}
.slider-4 .text{color:#8dcbfe!important;font-size:20px!important;font-weight:400!important}

/***
1.12 Aboutus Section 
====================================***/
.aboutus-section{position:relative;padding:100px 0 0;background:#fff}
.mission-top-shape{position:relative;display:block;padding-bottom:87px}
.content-box{animation-fill-mode:backwards}
.inner-about-content{padding:35px;position:relative;top:21px}
.aboutus-section .content-box .sec-title{position:relative;display:block;margin-bottom:15px}
.inner-about-content h3{color:#669b1f;font-weight:600;text-align: center}

.aboutus-section .content-box .text{position:relative;display:block;margin-bottom:27px;text-align:center;color:#000;font-size:15px;z-index:9}
.aboutus-section .content-box .list{position:relative;display:block;margin-bottom:42px}
.about-section .content-box .list li{position:relative;display:block;font-size:16px;margin-bottom:6px;padding:0 0 0 34px}
.aboutus-section .content-box .list li:last-child{margin-bottom:0}
.aboutus-section .content-box .list li:before{position:absolute;content:"\f101";font-family:Flaticon;font-size:20px;color:#fe721d;font-weight:500;left:0;top:0}
.aboutus-section .aboutus-image{z-index:2;position:relative;box-shadow:.6em .6em 1.2em #d2dce9,-.5em -.5em 1em #fff}
.aboutus-section .image-box{position:relative;display:block;margin-left:300px;margin-top:-62px}
.aboutus-section .image-box:before{position:absolute;content:'';background:url(../img/icons/leaf.png);width:348px;height:360px;left:-185px;bottom:-54px}
.aboutus-section .image-box img{position:relative;max-width:none;float:left;box-shadow:0 23px 50px rgba(176,176,176,.35)}
.aboutus-section .image img{position:relative}
.aboutus-section .image img{background:#f2f2f2;padding:20px;z-index:2}

/***
1.13. Mission & Vision section
===================================***/
.vision-mission-section {background: #f4f5f9;padding-bottom: 100px}
.mission-bottom-shape {position: relative;bottom: -107px}
.mission-bottom-shape svg {transform: rotate(180deg)}
.line-left-item {position: relative;}
.line-left-item::before {top: 0;right: 0;width: 5px;height: 100%;}
.line-left-item:last-of-type::before {display: none}
.border-item {border: 2px solid #181818}
.box-border-after {position: relative;background: #e6e6e6;}
.box-border-after::before, .box-border-after::after {content: "";width: 0;height: 0;position: absolute;z-index: 0}
.box-border-after::before {top: -10px;left: -10px;z-index: -1}
.box-border-after::after {bottom: -10px;right: -10px;z-index: -1}
.box-row-wrap {background: #f2f3f7;z-index: 1;}
.box-item-inner {padding: 30px 10px;}
@media only screen and (max-width: 575px) {
.service .services-item:nth-of-type(n + 2) {margin-top: 30px}}
.line-left-item {background: rgb(242, 243, 247);box-shadow: 0.6em 0.6em 1.2em #d2dce9, -0.5em -0.5em 1em #ffffff;margin: 0 19px;max-width: 30% !important;transition: 0.5s}
.line-left-item:hover {box-shadow: none;background: #fff}
@media (min-width: 768px) and (max-width: 1199px) {
.line-left-item {margin: 0;max-width: 33.3% !important}}
@media only screen and (max-width: 991px) {
.box-item-inner {padding: 30px 25px}}
.box-item-inner .icon {margin-bottom: 20px;text-align: center;box-shadow: 0.6em 0.6em 1.2em #d2dce9, -0.5em -0.5em 1em #ffffff;border-radius: 50%;padding: 19px;width: 96px;margin: 0 auto 17px}
.box-info h4 {text-align: center;color: #ffc815;font-weight: 600;font-size: 29px;padding-bottom: 10px;transition: 0.5s all ease-in-out}
.line-left-item:hover h4.title-h2 {color: #08306f}
.box-info p {text-align: center;font-size: 15px}
@media only screen and (max-width: 767px) {
.service-section {padding: 70px 0 140px 0;}
.box-item-inner .icon img {width: 40px}
.box-item-inner {padding: 30px 15px;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column}
.box-item-inner:nth-of-type(n + 3) {margin-top: 30px}
.service .services-item:nth-of-type(n+2) {margin-top: 20px}
.service .services-item:nth-of-type(n + 3) {margin-top: 30px}
.box-border-after::before, .box-border-after::after {display: none}
.line-left-item {margin: 0 !important;max-width: 100% !important}}

/***   
1.14. Services Section
==============================***/

.content-wrap {background-image: url(../images/background/feature-bg.jpg);padding: 70px 0 50px;background-position: inherit;background-size: cover;position: relative}
.content-wrap-bg::before {background: #03254c;content: "";position: absolute;left: 0;right: 0;top: 0;width: 100%;height: 100%}
.content-wrap .sec-title-two h2 {color: #fff;font-weight: 500}
.blue-color {color: #05b1f1}
.feature-box {position: relative;padding: 0 0 0 80px}
.left-blog .feature-box {margin-top: 50px}
.right-blog .feature-box {margin-top: 38px}
.feature-box:first-child { margin-top: 0}
.feature-box .fbox-icon img {display: block;position: relative;width: 64px;height: 64px;color: #FFF;margin-bottom: 10px;
}
.feature-box .fbox-icon a,
.feature-box .fbox-icon i {display: block;position: relative;width: 100%;height: 100%;color: #FFF;
}
.feature-box .fbox-icon img {border-radius: 50%;background-color: #053368;box-shadow: 2px 2px 2px 2px rgba(20, 113, 219, 0.5);
}
.feature-box .fbox-icon i {font-style: normal;font-size: 28px;text-align: center;line-height: 64px;
}

.feature-box h3 {font-size: 16px;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;margin-bottom: 0;color: #05b1f1;
}

.feature-box p {margin: 8px 0 0 0;color: #fff;
}

.feature-box .before-heading { font-size: 14px; }

 

/***
1.15. Why Choose Section
============================***/
.why-choose-section{position:relative;padding:105px 0 0;background:#f4f5f9}
.chooseus-top-shape{position:relative;width:100%;margin-top:-119px;display:block;margin-bottom:80px;transform:rotate(180deg)}
.why-choose-section .sec-title .text{margin-top:0}
.why-choose-section .owl-carousel .owl-stage-outer{padding:20px 0}
.why-choose-section .owl-theme .why-choose-block{margin:0 15px}
.why-choose-section .owl-carousel{margin:0 -15px;width:auto}
.why-choose-section .owl-nav{display:none}
.why-choose-section .owl-dots{position:relative;text-align:right;margin-top:20px;padding-right:15px}
.why-choose-section .owl-dots .owl-dot{position:relative;width:10px;height:5px;margin-bottom:10px;border-radius:0;margin-left:10px;display:inline-block;background-color:#005;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}
.why-choose-section .owl-dots .owl-dot.active,.why-choose-section .owl-dots .owl-dot:hover{width:30px;background-color:#024ac2}
.why-choose-section .lower-text{position:relative;color:#555;font-size:16px;font-weight:700}
.why-choose-section .lower-text a{position:relative;color:#024ac2}
.why-choose-block{position:relative;margin-bottom:30px}
.why-choose-block .inner-box{position:relative;padding:50px 50px;margin-left:20px;margin-top:20px;background-position:right top;background-repeat:no-repeat;background-color:#fff;box-shadow:.6em .6em 1.2em #d2dce9,-.5em -.5em 1em #fff}
.why-choose-block .inner-box::before{position:absolute;content:'';left:-20px;top:-20px;right:20px;bottom:20px;z-index:-1;border:5px solid #fff;box-shadow:.6em .6em 1.2em #b4c6dd,-.5em -.5em 1em #fff}
.why-choose-block .inner-box .upper-box .icon{position:relative;box-shadow:8px 7px 17px #d4d9e3,-.5em -.5em 1em #fff;left:0;right:0;margin:0 auto 22px;border-radius:50%;width:120px;height:120px;padding:13px}
.why-choose-section .owl-carousel .owl-item img{width:auto!important}
.why-choose-block .inner-box .upper-box h4{position:relative;color:#141d38;font-weight:600;text-align:center}
.why-choose-block .inner-box .upper-box .designation{position:relative;color:#555;font-size:16px}
.why-choose-block .inner-box .text{position:relative;margin-top:10px;color:#555;font-size:16px;font-weight:500;text-align:center}

/***
1.16 Benefits Section
================================***/
.flip-box-section{position:relative;background:#edeff5}
.flip-top-shape{position:relative;top:0}
.flip-bottom-shape{position:relative;bottom:-7px}
.flip-bottom-shape svg{transform:rotate(-180deg)}
.flip-box-section .flip-boxes{margin-top:65px}
.info-inner{position:relative;padding-top:100px;padding-bottom:90px}
.flip-box{background-color:transparent;width:350px;height:270px;border-radius:20px;border:1px solid #f1f1f1;perspective:1000px}
.flip-box-inner{position:relative;width:100%;height:100%;cursor:pointer;text-align:center;transition:transform .8s;transform-style:preserve-3d}
.flip-box .flip-box-front{background-color:#edeff5;transition:.5s;box-shadow:.6em .6em 1.2em #d2dce9,-.5em -.5em 1em #fff;padding:34px 0}
.blue-box .flip-box-front{background:#fff;box-shadow:none}
.flip-box:hover .flip-box-front{opacity:0}
.flip-box .blue-box .flip-box-back{background-color:#032a58;transform:rotateX(180deg)}
.flip-box:hover .flip-box-inner{transform:rotateX(180deg)}
.flip-box-back,.flip-box-front{position:absolute;width:100%;backface-visibility:hidden}
.flip-box-back{background-color:#000;transform:rotateX(180deg);padding:34px 0;bottom:52px;position:relative}
.flip-box .flip-box-back i{background:#f2f2f2;padding:10px;display:block;border-radius:50%;width:130px;height:130px;margin:0 auto;position:relative;margin-top:12px;line-height:130px}
.flip-box .flip-box-back i img{width:89px;top:-16px;position:relative}
.flip-box i{color:#18191d;padding-top:50px;font-size:40px;text-align:center}
.flip-box-front i{background:#edeff5;padding:18px;display:block;border-radius:50%;width:130px;height:130px;margin:0 auto;box-shadow:8px 7px 17px #d4d9e3,-.5em -.5em 1em #fff}
.flip-box-front img{position:relative;width:80px}
.flip-box p{color:#18191d;font-size:15px;padding-left:10px;padding-right:10px}
.flip-box-front h5{position:relative}
.flip-box h5{font-size:24px;font-weight:500;color:#18191d;margin-top:20px;text-align:center}
.flip-box .flip-box-back h5{color:#fff}
.flip-box .blue-box .flip-box-back h5{color:#fff}
.flip-box .blue-box h5{color:#04528b}
.flip-box .flip-box-back p{color:#fff}
.flip-box .blue-box .flip-box-front p{color:#000}
.flip-box .blue-box .flip-box-front i{color:#032a58}

/* 
1.17  Agent Login App Section
==========================***/
.benefit-section {position: relative;padding-bottom: 90px;background: #f4f5f9}
.benefit-top-shape {position: relative;width: 100%;display: block;transform: rotate(180deg);top: -6px}
.section-title.text-center.benefits-title {position: relative;z-index: 2}
.benefit-wrapper {box-shadow: 0.6em 0.6em 1.2em #d2dce9, -0.5em -0.5em 1em #ffffff;padding: 15px}
.benefit-section .section-title h1 {font-size: 36px;margin-bottom: 50px;font-family: 'Heebo', sans-serif;margin-top: 0;font-weight: 300;color: #f22874}
.benefit-section .section-title h1 > span {color: #05b1f1;font-weight: 600}
.benefit-section .section-title p {font-size: 21px;color: #333}
.mt-30 {margin-top: 30px}
.services-shape-left {position: absolute;left: -151px;bottom: 94px}
.services-shape-right {position: absolute;right: -134px;bottom: 94px}
.benefit-content-detail h3 {font-family: 'Heebo', sans-serif;font-size: 19px;margin-top: 23px;margin-bottom: 11px;color: #086ad8;font-weight: 600}
.benefit-content-detail p {font-size: 17px;color: #353535}
@media (min-width:992px) and (max-width:1199px){
.services-shape-left {left: -230px}
.services-shape-right {right: -210px}}
@media (min-width:768px) and (max-width:991px){
.benefit-img-column img {width: 50px}
.col-xl-services-3-wrapper6 {margin-top: 44px}
.solution-blog {margin-top: 80px}
.services-shape-left {left: -181px;bottom: 130px;width: 67%}
.services-shape-right {right: -180px;bottom: 130px;width: 67%}}
@media (max-width:767px) {.benefit-blog_2{order: 0}
.benefit-blog_1{order: 1}
.benefit-blog_3{order: 2}}
.gallery-wrap img{cursor: pointer}
.row.gallery-wrap .col-md-2 {padding: 2px;background: #fff}
.gallery_show{z-index: 999;display: none}
.gallery_show .bg_overlay {width: 100%;height: 100%;background: rgba(0,0,0,.66);position: absolute;top: 0;left: 0;z-index: 99}
.gallery_show .img-show {width: 600px;height: 400px;background: #FFF;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);overflow: hidden;z-index: 99}
.img-show span {position: absolute;top: 10px;right: 10px;z-index: 99999;cursor: pointer;color: #fff}
.img-show img{width: 100%;height: 100%;position: absolute;top: 0;left: 0}


/* =================================== */
/*               Open A Store 
/* =================================== */

.stape3-section {padding: 70px 0;background: #edeff5}
.sec-title-two .title-text {position: relative;color: #777777;font-size: 18px;line-height: 1.5em;margin-top: 12px}
.step-colom {text-align: center;background: #fff;padding: 20px;margin-top: 25px;transition: 0.5s;margin-bottom: 10px}
.step-colom:hover {transform: translateY(-19px);padding: 35px 0;margin-bottom: -11px;box-shadow: 0 8px 11px -3px rgba(33, 37, 41, 0.15);margin-top: 0px}
.step-colom img {width: 200px}
.step-colom h5 {font-weight: 700;padding: 30px 0 20px;color: #2ca3dc;transition: 0.5s}
.step-colom:hover h5 {color: #000;font-size: 21px}

/***
1.19 FOOTER SECTION
*===================***/
 /* Footer Top */
.next-page {background: #04528b;width: 100%}
.next-page .footer-logo {padding-bottom: 85px;padding-top: 51px}
.next-page .footer-logo::before, .next-page .footer-logo::after {content: "";position: absolute;left: 50%;width: 1px;height: 100px;margin-left: -0.5px;opacity: 0.3;margin-top: 68px}
.next-page .footer-logo:after {opacity: 1;transform: scaleY(0);animation: line 2s cubic-bezier(0.4, 0, 0.4, 0.65) infinite both}
.next-page .title {padding: 60px 15px} 
@keyframes line {
10% {transform: scaleY(0); transform-origin: center top}
50% {transform-origin: center top;transform: scale(1)}
51% {transform-origin: center bottom}
100% {transform-origin: center bottom;transform: scaleY(0)}} 
.footer-contact-fild.section-padding {padding: 0px 0 37px;display: flex}
.row.row-footer-contact {background: #045fa2;padding: 50px 0 20px;box-shadow: 0.6em 0.6em 1.2em #000, -0.5em -0.5em 1em #045fa2;z-index: 1}
.footer-content-info span {padding-bottom: 20px;display: block;padding-top: 15px}
.footer-content-info span i {color: #ffca28;font-size: 40px;padding-right: 15px}
.footer-content-info p {overflow: hidden;position: relative;color: #fff;padding: 0}
.contact-info {width: 100%}
.contact-info li {overflow: hidden}
.contact-info li:first-child {margin-bottom: 10px}
.footer-section a.link-hover {color: #fff;display: inline-block;letter-spacing: 2px;font-size: 13px;font-weight: 400;position: relative;-webkit-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out}
.footer-section a.link-hover:hover, .footer-content-info a.link-hover:hover {-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);transform: translateY(-100%);text-decoration: none}
.footer-contact-mail i {font-size: 40px !important}
.footer-contact-mail .link-hover {font-size: 16px !important;position: relative;left: -6px;text-transform: initial}

/* Footer Section */
.footer {padding: 65px 0 55px;background: #045fa2;margin-top: -76px}
.footer-top .footer-logo {color: #096bd8;font-size: 36px;font-weight: 600}
.footer-top .footer-logo::before {background: #d0d0d0}
.footer-top .footer-logo::after {background: #04528b}
.social-network {text-align: center;padding: 10px 0 20px}
.social-network li {display: inline-block}
.social-network a {font-size: 20px;padding: 4px;transition: 0.5s;color: #000;background: #edeff5;display: block;position: relative;top: 0;border-radius: 50%}
.social-network a i {width: 25px}
.social-network a:hover {background: #04528b;color: #fff;top: -5px;border-radius: 0;box-shadow: 0px 9px 12px -6px #000}
@media only screen and (max-width: 575px) {
.footer .footer-block {margin-top: 30px;text-align: center}
.footer .footer-block.footer-block-logo {order: -1;margin-top: 0}
.footer .footer-block.footer-block-scroll-top {order: 1}
.footer .footer-block.footer-block-scroll-top .scroll-top {margin-right: auto}}
.footer .footer-block .nav-footer li {margin-right: 20px}
.nav-footer {padding: 30px 0 6px}
@media only screen and (max-width: 575px) {
.footer .footer-block .nav-footer li {margin-right: 10px}}
.footer .footer-block .nav-footer li:last-of-type() {margin-right: 0}
.footer .footer-block .scroll-top {width: 55px}
.footer .footer-block .scroll-top img {width: 55px}
.footer .footer-block .scroll-top i {position: absolute;top: 50%;left: 50%;width: 40px;height: 40px;line-height: 40px;transform: translate(-50%, -50%);text-align: center;font-size: 14px;color: var(--heading-color);cursor: pointer}
.footer .copright-text {font-size: 15px;letter-spacing: 1.5px;color: #fff}
.over-hidden {overflow: hidden}
.over-hidden-x {overflow-x: hidden} 
.footer-contact-fild a.link-hover, .footer a.link-hover {display: inline-block;font-size: 16px;font-weight: 500;position: relative;transition: all 0.25s ease-in-out;color: #fff}
.footer-contact-fild a.link-hover:before, .footer a.link-hover:before {content: attr(data-hover-text);position: absolute;left: 0;top: 100%;color: #22c3ff}
.footer-contact-fild a.link-hover:hover, .footer a.link-hover:hover {transform: translateY(-100%) !important;text-decoration: none;color: #04528b}
 


/*** 
====================================================================
	2. Aboutus Page
====================================================================***/
.aboutus-vision {padding-top: 100px}
.aboutus-benefits {background: #edeff5;padding-top: 100px}

/*** Banner & Breadcrumb Banner  ***/
.page-title {position: relative;text-align: center;overflow: hidden;padding: 110px 0px 110px;background-color: #141d38;margin-top: -40px}
.page-title .pattern-layer-one {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.page-title .pattern-layer-one::after {
	background: linear-gradient(to right, #1876f4, #12bce0);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	content: "";
	left: 0;
	opacity: 0.6;
	/* background: linear-gradient(to right, #ec3e86, #ff7740); */
	/* background: linear-gradient(to right, #94d028, #588c0b); */
	/* background: linear-gradient(to right, #5d28fe, #911cf6); */
}
.page-title .auto-container{position:relative}
.page-title h2{position:relative;color:#fff;font-weight:700;line-height:1.2em;margin-bottom: 0px;text-transform:uppercase}
.page-breadcrumb{position:relative;margin-top:20px}
.breadcrumb-detail {
	padding: 100px 0;
}
.page-breadcrumb li{position:relative;display:inline-block;margin-right:10px;padding-right:15px;color:#fff;font-size:16px;font-weight:700;text-transform:capitalize}
.page-breadcrumb li:after{position:absolute;content: ":";right:-2px;top:-1px;color:#fff;font-size:14px;font-weight:700;font-family: 'FontAwesome'}
.page-breadcrumb li:last-child::after{display: none}
.page-breadcrumb li:last-child{padding-right:0px;margin-right:0px}
.page-breadcrumb li a{color:#ffffff;font-weight:700;text-transform: capitalize;transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease}
.page-breadcrumb li a:hover{color:#0060ff}
.about-choose{padding-top: 0;}
/*** 
====================================================================
	3. Services Page
====================================================================***/
.sidebar-page-container {position: relative;padding: 90px 0px 80px;background: #edeff5}
.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side{margin-bottom:40px}
.sidebar-page-container .sidebar-side .sidebar-inner{position:relative;padding:45px 30px;box-shadow:0px 0px 20px rgba(0,0,0,0.15)}
.sidebar-widget{margin-bottom:55px}
.sidebar.sticky-top {top: 90px}
.sidebar .sidebar-widget .service-list {padding: 30px 30px;box-shadow: 0.6em 0.6em 1.2em #d2dce9, -0.5em -0.5em 1em #ffffff}
.sidebar .service-list{position:relative}
.sidebar .service-list li {position: relative;margin-bottom: 20px}
.sidebar .service-list li:last-child{margin-bottom:0px}
.sidebar .service-list li a {position: relative;display: block;color: #222222;font-size: 16px;font-weight: 600;line-height: 26px;padding: 16px 25px 16px 80px;border: 1px solid #ececec;transition: all 300ms ease;-webkit-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;-moz-transition: all 300ms ease;box-shadow: 0.6em 0.6em 1.2em #d2dce9, -0.5em -0.5em 1em #ffffff}
.sidebar .service-list li a .arrow{position:absolute;left:-1px;top:-1px;width:60px;height:60px;color:#0060ff;line-height:60px;text-align:center;border-right:1px solid #dddddd;transition:all 300ms ease;-webkit-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;-moz-transition:all 300ms ease}
.sidebar .service-list li a:hover .arrow, .sidebar .service-list li.current a .arrow{background-color:#0060ff;color:#ffffff}
.sidebar .service-list li a:hover, .sidebar .service-list li.current a{color:#ffffff;background:#141d38;border-color:#141d38}
.services-detail {position: relative;box-shadow: 0.6em 0.6em 1.2em #d2dce9, -0.5em -0.5em 1em #ffffff;padding: 21px;margin-bottom: 52px}
.services-detail .inner-box{position:relative}
.services-detail .inner-box h2 {position: relative;color: #141d38;z-index: 1;font-weight: 600;margin-bottom: 18px}
.services-detail .inner-box .image {position: relative;margin-bottom: 25px}
.services-detail .inner-box .image img{position:relative;width:100%;display:block;box-shadow: 0.6em 0.6em 1.2em #d2dce9, -0.5em -0.5em 1em #ffffff}
.services-detail .inner-box .image-two{position:relative;margin-bottom:25px}
.services-detail .inner-box .image-two img{position:relative;width:100%;display:block} 
.services-detail .inner-box p {position: relative;color: #3c3737;font-size: 16px}
.services-detail .inner-box h3{position:relative;color:#0060ff;font-weight:700;margin-bottom:18px}
.aeps-benefits {padding-left: 30px}
.aeps-benefits li {list-style: disclosure-closed;color: #4f4f4f}
.icon-blog {text-align: center;margin-bottom: 26px;display: inline-block;padding-top: 16px;width: 100%}
.icon-blog li {width: 46%;box-shadow: 0.6em 0.6em 1.2em #d2dce9, -0.5em -0.5em 1em #ffffff;display: inline-block;transition: 0.5s}
.pancard-blog li {width: 46%}
.travel-blog li {width: 32%;padding-top: 10px}
.pancard-blog li:first-child {margin-right: 20px}
.icon-blog.travel-blog li:nth-child(2) {margin: 0 10px}
.icon-blog li:hover {transform: translateY(-9px)}
.services-detail .inner-box p span {display: block}

/*** 
====================================================================
	5. Contact Us Page
==================================================================== ***/
 /*  Contact Info Section */
.contact-info-section {position: relative;padding: 100px 0px 70px;background: #f4f5f9}
.contact-info-section .title-box{position:relative;text-align:center}
.contact-info-section .title-box .title{position:relative;color:#0060ff;font-size:16px;font-weight:700;text-transform:uppercase}
.contact-info-section .title-box h2{position:relative;font-weight:700;color:#141d38;line-height:1.4em;margin-top:10px}
.contact-info-section .title-box .text{position:relative;color:#555555;font-size:16px;line-height:1.9em;font-weight:600;margin-top:10px;margin-bottom:40px}
.contact-info-section .info-column{position:relative;margin-bottom:30px}
.contact-info-section .info-column .inner-column {
	position: relative;
	padding: 30px 24px;
	box-shadow: .6em .6em 1.2em #d2dce9,-.5em -.5em 1em #fff;
}
.contact-info-section .info-column .inner-column .content{position:relative;padding-left:60px}
.contact-info-section .info-column .icon-box{position:absolute;left:0px;top:0px;color:#0060ff;font-size:44px;line-height:1em}
.contact-info-section .info-column ul li{position:relative;color:#555555;font-size:16px;margin-top:5px;font-weight:600}
.contact-info-section .info-column ul li strong{position:relative;font-weight:700;font-size:18px;color:#141d38;font-family: "Open Sans", sans-serif}

 /* Appointment Section Two */
.appointment-section {position: relative;padding-top: 100px;padding-bottom: 110px;background: #edeff5;}
.appointment-section .image-layer{position:absolute;left:0px;top:0px;right:0px;height:700px;background-size:cover;background-repeat:no-repeat}
.appointment-section .image-layer:before{position:absolute;content:'';left:0px;top:0px;right:0px;bottom:0px;background-color:rgba(0,96,255,0.90)}
.appointment-section .inner-container{position:relative;z-index:1;padding:65px 0px}
.appointment-section .inner-container:before{position:absolute;content:'';left:250px;top:0px;right:0px;bottom:0px;border-radius:10px;background-color:#edeff5;box-shadow:0px 0px 15px rgba(0,0,0,0.15)}
.appointment-section .image-column{position:relative}
.appointment-section .image-column .inner-column{position:relative;text-align:center;padding-left:60px}
.appointment-section .image-column .inner-column .image{position:relative;border-radius:7px;overflow:hidden}
.appointment-section .image-column .inner-column .image img{width:100%;display:block}
.appointment-section .form-column{position:relative}
.appointment-section .form-column .inner-column{position:relative;padding-right:45px;padding-top:0px;padding-left:20px}
.appointment-section .form-column h4 {position: relative;color: #141d38;font-weight: 600;line-height: 1.4em;margin-bottom: 30px}

/* Appointment Form */
.appointment-form{position: relative;z-index:1}
.appointment-form .form-group{position:relative;margin-bottom:25px}
.ui-selectmenu-button.ui-button, .appointment-form .form-group input[type="text"], .appointment-form .form-group input[type="email"], .appointment-form .form-group input[type="tel"], .appointment-form .form-group input[type="url"], .appointment-form .form-group textarea, .appointment-form .form-group select {position: relative;display: block;width: 100%;font-size: 14px;line-height: 20px;color: #000;font-weight: 500;padding: 14px 22px;border-radius: 4px;z-index: 1;height: 60px;border: transparent;background-color: #edeff5;-webkit-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;-moz-transition: all 300ms ease;transition: all 300ms ease;box-shadow: .6em .6em 1.2em #d2dce9,-.5em -.5em 1em #fff}
.ui-selectmenu-button.ui-button:hover, .appointment-form .form-group input[type="text"]:hover, .appointment-form .form-group input[type="email"]:hover, .appointment-form .form-group input[type="tel"]:hover, .appointment-form .form-group input[type="url"]:hover, .appointment-form .form-group textarea:hover, .appointment-form .form-group select:hover {box-shadow: none;background: #fff}
.appointment-form .form-group input:focus, .appointment-form .form-group select:focus, .appointment-form .form-group textarea:focus{border-color:#0060ff}
.appointment-form .form-group textarea{height: 150px;resize: none;border-radius:4px}
.appointment-form .form-group input[type="submit"], 
.appointment-form button{margin-top:15px}
.appointment-form .form-group input[type="submit"]:hover, 
.appointment-form button:hover{opacity: .95}
.appointment-form .form-group .icon{position: absolute;right: 15px;top: 5px;height: 50px;width: 50px;z-index:1;line-height: 50px;text-align: center;font-size: 18px;color: #0060ff}

 

.inner-about-content h4 {
	margin-top: 30px;
	color: #000;
}
.mail-bar {
	font-size: 26px !important;
	font-weight: 600;
}
.mail-bar a {
	color: #fff;
	/* margin-top: 11px; */
}