@import url(font-awesome-all.css);
@import url(flaticon.css);
@import url(owl.css);
@import url(bootstrap.css);
@import url(jquery.fancybox.min.css);
@import url(animate.css);
@import url(jquery-ui.css);
*{margin:0;padding:0;border:none;outline:none}
body{font-size:16px;color:#4e4e4e;line-height:26px;font-weight:400;background:#fff;font-family:'Poppins',sans-serif;background-size:cover;background-repeat:no-repeat;background-position:center top;-webkit-font-smoothing:antialiased}
.btn-whatsapp-pulse{background:#25d366;position:fixed;bottom:120px;right:20px;font-size:40px;width:70px;height:70px;padding:18px;text-align:center;text-decoration:none;border-radius:50%;animation-name:pulse;animation-duration:1.5s;animation-timing-function:ease-out;animation-iteration-count:infinite;z-index:99}
@media (min-width: 1200px){
.container{max-width:1320px;padding:0 15px}
}
.green{color:#3c8a40}.container-fluid{padding:0}
.auto-container{position:static;max-width:1200px;padding:0 15px;margin:0 auto}
.small-container{max-width:680px;margin:0 auto}
.boxed_wrapper{position:relative;overflow-x:hidden;margin:0 auto;width:100%;min-width:300px}
a{text-decoration:none;position:relative;font-size:15px;font-family:'Poppins',sans-serif;line-height:20px;font-weight:400;cursor:pointer;color:#000;transition:all 500ms ease}
a:hover{text-decoration:none;outline:none;color:#0f3a16}
input,button,select,textarea{font-family:'Poppins',sans-serif;font-weight:400;font-size:16px;color:#666}
ul,li{list-style:none;padding:0;margin:0}
input{transition:all 500ms ease}
button:focus,input:focus,textarea:focus{outline:none;box-shadow:none;transition:all 500ms ease}
p{position:relative;font-size: 16px;line-height:26px;font-weight: 400;margin-bottom:10px;font-style:normal;transition:all 500ms ease}
h1,h2,h3,h4,h5,h6{position:relative;font-family:'Poppins',sans-serif;font-weight:300;margin-bottom:0;color:#222;transition:all 500ms ease}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{position:relative;font-family:'Poppins',sans-serif;font-weight:300;margin-bottom:0;color:#222;transition:all 500ms ease}h2{font-size:34px;line-height:44px}
h3{font-size:20px;line-height:30px;font-weight:600}
h4{font-size:18px;line-height:28px;font-weight:600}
h5{font-size:16px;line-height:26px;font-weight:500}
h3 a{font-size:18px;line-height:24px;font-weight:600}
h4 a{font-size:18px;line-height:28px;font-weight:600}
h5 a{font-size:16px;line-height:26px;font-weight:500}
h3 a:hover,h4 a:hover,h5 a:hover{color:#115a3d}
.centred{text-align:center}
.pull-left{float:left}
.pull-right{float:right}img{display:inline-block;max-width:100%;height:auto}
figure{margin:0}
@keyframes pulse{50%{box-shadow:0 0 0 5px rgba(54,140,49,0.25),0 0 0 20px rgba(54,140,49,0.40)}}

/** button **/
.btn-style-one{position:relative;display:inline-block;font-size:16px;background:#fff;color:#115a3d;font-weight:600;text-align:center;transition:all 300ms easae;cursor:pointer;z-index:1;border-radius:50px}.btn-style-one:hover{background:#000;color:#fff}.btn-style-two{position:relative;display:inline-block;font-size:14px;font-family:'Poppins',sans-serif;padding:10px 32px;background:#115a3d;color:#fff;font-weight:400;text-align:center;text-transform:capitalize;transition:all 300ms ease;cursor:pointer;z-index:1;border-radius:50px}.btn-style-two:hover{background:#000;color:#fff}.theme-btn{position:relative;display:inline-block;overflow:hidden;font-size:16px;font-family:'Poppins',sans-serif;padding:17px 29px;background:#14437b;color:#fff!important;border-radius:5px;font-weight:600;text-align:center;text-transform:capitalize;transition:all 300ms ease;cursor:pointer;z-index:1}.theme-btn:after{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#6bc7f2;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.theme-btn:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66);transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66)}.gray-bg{background:#f7f7f7}.pagination{position:relative;display:block}.pagination li{display:inline-block;margin:0 2px}.pagination li a{position:relative;display:inline-block;font-size:16px;font-family:'Poppins',sans-serif;height:50px;font-weight:600;width:50px;line-height:50px;text-align:center;border:1px solid #ccc;color:#666;transition:all 500ms ease}.pagination li a:hover,.pagination li a.active{background:#1280b4;border:1px solid #1280b4;color:#fff}.sec-pad{padding:50px 0 80px}.preloader{position:fixed;left:0;top:0;height:100%;width:100%;z-index:999999;background-color:#fff;background-position:center center;background-repeat:no-repeat;background-image:url(../images/icons/preloader.gif)}.scroll-top{width:55px;height:55px;line-height:55px;position:fixed;bottom:105%;left:50px;font-size:16px;border-radius:50%;z-index:99;color:#fff;text-align:center;cursor:pointer;background:#368c31;transition:1s ease;-webkit-animation:pulse 3s infinite;-o-animation:pulse 3s infinite;animation:pulse 3s infinite}.scroll-top.open{bottom:30px}.scroll-top span{color:#fff}.scroll-top:after{position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:1;background:-webkit-radial-gradient(center,ellipse,rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 80%);background:-webkit-radial-gradient(center ellipse,rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 80%);background:radial-gradient(ellipse at center,rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 80%)}.sec-title h2{position:relative;text-transform:uppercase;padding-top:31px;line-height:39px;font-weight:500}

.title-text {position: relative;font-size: 14px;font-weight: 400;text-transform: uppercase;}

/*** 

====================================================================
Home-Page
====================================================================

***/
/** main-header **/
.main-header{position:relative;left:0;top:0;z-index:999;width:100%;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease}.sticky-header{position:fixed;opacity:0;visibility:hidden;background:#fff;left:0;top:0;box-shadow:0 0 10px #ccc;width:100%;z-index:0;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease}.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:500ms;-moz-animation-duration:500ms;-op-animation-duration:500ms;-webkit-animation-duration:500ms;animation-duration:500ms;-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}

/** header-top **/
.main-header .header-top{position:relative;background:#065a39;width:100%;box-shadow:0 0 100px 40px #000;padding:5px 0}.main-header .header-top .top-left{position:relative;float:right}.main-header .header-top .social li{position:relative;float:left;margin-right:15px;margin-top:0}.main-header .header-top .social li:last-child{margin-right:0}.main-header .header-top .social li a{position:relative;display:inline-block;font-size:12px;color:#fff;text-align:center}.main-header .header-top .social li a:hover{color:#fff}.main-header .header-top .top-right{position:relative;float:left}.main-header .header-top .top-right li{position:relative;float:left;padding:0 0 0 25px;margin:0 28px 0 0;font-size:16px;color:#fff;font-weight:400}.main-header .header-top .top-right li a{font-weight:600;color:#fff}.main-header .header-top .top-right li a:hover{text-decoration:underline}.main-header .header-top .top-right li:nth-child(2) a{font-weight:400}.main-header .header-top .top-right li i{position:absolute;left:0;top:2px;font-size:20px}.main-header .header-top li a.upper-btn{position:relative;display:inline-block;font-size:16px;font-weight:600;color:#fff;background:#1280b4;padding:18px 28px;line-height:24px;text-align:center}.main-header .header-top li a.upper-btn:hover{background:#0574a8;color:#fff}

/** header-bottom **/
.header-bottom{position:relative;width:100%;background:#fff}
.header-bottom .nav-outer{padding:0}
.header-bottom .logo-outer{position:relative;float:left;padding:5px 0;width:10%}
.header-bottom .menu-area{position:relative;float:right;margin-top:25px}
#hm .navigation>li.hm>a,#saf .navigation>li.saf>a,#qua .navigation>li.qua>a,#foo .navigation>li.foo>a,#doc .navigation>li.doc>a,#blo .navigation>li.blo>a,#cont .navigation>li.cont>a{color:#0c5a3b}
.fixed-header{position:fixed;background:#fff;z-index:99;top:0;width:100%;box-shadow:0 0 10px #ccc}
.main_banner{background:url(../images/main-banner.jpg) no-repeat center top;padding:200px 0 300px;position:relative;background-size:cover}
.main_banner::after{content:'';position:absolute;background:url(../images/banner-border.png) no-repeat center;bottom:0;left:0;width:100%;height:137px}
.banner_cont::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right, rgb(12 90 59 / 81%), rgb(12 90 59 / 10%));}
.banner_cont p{color:#fff;font-size:36px;font-weight:500;line-height:50px}
.read_more{background:#0c5a3b;display:inline-block;border-radius:50px;color:#fff;padding:13px 35px;font-size:16px;text-transform:uppercase;margin-top:10px}
.read_more:hover{background:#fff;color:#000}

/** main-menu **/
.main-menu{position:relative;display:block;float:left}
.main-menu .navbar-collapse{padding:0}
.main-menu .navigation > li{position:static;float:left;margin:0}
.main-header .menu-column{padding:0}
.main-menu .navigation > li > a{position:static;display:block;font-size: 16px;color:#000;line-height:26px;font-weight: 500;opacity:1;padding: 7px 20px;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;border-radius:50px}
.main-menu .navigation > li:last-child > a{padding-right:0}
.main-menu .navigation > li > a:hover,.main-menu .navigation > li > a:hover i{color:#0c5a3b}
.main-menu .navigation > li > ul{position:absolute;left:0;top:100%;width:100%;z-index:100;display:none;background:#fff;box-shadow:0 0 10px rgb(0 0 0 / 68%);padding: 0px 0px;}
.main-menu .navigation > li > ul > li{position:relative;width:49%;transition:all 500ms ease;display:inline-block;border-bottom: 1px solid #ccc;}
/*.main-menu .navigation > li > ul > li:first-child{width:100%;border-bottom:2px solid #0c5a3b}*/
.main-menu .navigation > li > ul > li:last-child{border-bottom:none}
.main-menu .navigation > li > ul > li > a{position:relative;display:block;padding: 10px 15px;line-height:24px;font-size:15px;color:#000;font-weight:500;text-align:left;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease}
.main-menu .navigation > li > ul > li:hover a{color: #fff;background: #0c5a3b;}
.main-menu .navigation > li > ul > li:last-child:hover{border-bottom:none}
.main-menu .navigation > li.dropdown:hover > ul{visibility:visible;opacity:1}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{position:absolute;right:0;top:0;font-size:18px;border-left:1px solid rgba(255,255,255,0.1);color:#fff;width:50px;height:47px;line-height:47px;text-align:center;cursor:pointer;z-index:5;display:none}.navbar-header{display:none}

.food_drop{position: relative !important;}
.main-menu .navigation .food_drop > ul > li{width:100%;}
.main-menu .navigation .food_drop > ul {width: 400px;}
/** sub-menu **/
.main-menu .navigation > li > ul > li > ul {
position: absolute;
left: 100%;
top: 0%;
width: 230px;
z-index: 100;
display: none;
padding: 0px 0px;
background-color: #fff;
border-top: 3px solid #1280b4;
-webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

.main-menu .navigation li > ul > li.dropdown:hover > ul {
    visibility: visible;
    opacity: 1;
    top: 0;
    margin: 0px;
}

.main-menu .navigation > li > ul > li > ul > li {
    position: relative;
    width: 100%;
    margin: 0px;
    border-bottom: 1px solid #e5e5e5;
}

.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: 10px 18px;
    line-height: 24px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    color: #222 !important;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-menu .navigation > li > ul > li > ul > li:hover > a {
    color: #ffffff !important;
    background: #1280b4;
}

.main-menu .navigation > li > ul > li.dropdown > a:after {
    position: absolute;
    content: "\f105";
    font-size: 16px;
    color: #222;
    top: 6px;
    right: -12px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    cursor: pointer;
    transition: all 500ms ease;
}

.main-menu .navigation > li > ul > li.dropdown:hover > a:after {
    color: #ffffff;
}

/** stricky-header **/
.sticky-header .main-menu .navigation > li {
    margin: 0px !important;
}

.sticky-header .main-menu .navigation > li > a {
    padding: 6px 20px !important;
}

.sticky-header .main-menu .navigation > li > a {
    color: #000;
}

.sticky-header .main-menu .navigation > li.current > a, .sticky-header .main-menu .navigation > li:hover > a {
    background: #fbd502;
    color: #000;
}

.sticky-header .logo-box {
    position: relative;
    float: left;
    margin: 10px 0;
}

.sticky-header .menu-area {
    position: relative;
    float: right;
    margin-top: 35px;
}

/** main slider **/
.main-slider {
    position: relative;
}

.main-slider .slide {
    position: relative;
    padding: 120px 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.main-slider .slide:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(0deg, #d3d7d6 10%, rgba(255,255,255,0.0) 100%);
    left: 0px;
    top: 0px;
    right: 0px;
}

.main-slider h6 {
    position: relative;
    opacity: 0;
    margin-bottom: 14px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
}

.main-slider .active h6 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    transition-delay: 500ms;
}

.main-slider h1 {
    position: relative;
    font-size: 48px;
    font-family: 'Poppins', sans-serif;
    line-height: 55px;
    color: #000;
    font-weight: 500;
    opacity: 0;
    margin-bottom: 14px;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
}

.main-slider .active h1 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    transition-delay: 1000ms;
}

.main-slider .text {
    position: relative;
    font-size: 22px;
    font-family: 'Poppins', sans-serif;
    line-height: 34px;
    font-weight: 300;
    color: #000;
    margin-bottom: 36px;
    opacity: 0;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
}

.main-slider .active .text {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    transition-delay: 1300ms;
}

.main-slider .slider-btn {
    opacity: 0;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
}

.main-slider .active .slider-btn {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    transition-delay: 2000ms;
}

/* slide nav */
.owl-nav-none .owl-nav, .owl-dots-none .owl-dots {
    display: none !important;
}

.main-slider .owl-nav {
    position: absolute;
    left: 0px;
    top: 50%;
    z-index: 1;
    width: 100%;
    margin-top: -20px;
}

.main-slider .owl-theme .owl-controls .owl-nav [class*="owl-"] {
    position: absolute;
    margin: 0px;
    color: #000;
}

.main-slider .owl-nav .owl-prev {
    position: absolute;
    left: 40px;
    cursor: pointer;
    display: inline-block;
    color: #fff;
    background: transparent;
    border: 2px solid #fff;
    width: 60px;
    height: 60px;
    line-height: 65px;
    text-align: center;
    transition: all 500ms ease;
}

.main-slider .owl-nav .owl-next {
    position: absolute;
    right: 40px;
    cursor: pointer;
    display: inline-block;
    color: #ffffff;
    background: transparent;
    border: 2px solid #ffffff;
    width: 60px;
    height: 60px;
    line-height: 65px;
    text-align: center;
    transition: all 500ms ease;
}

.main-slider .owl-nav .owl-prev:hover, .main-slider .owl-nav .owl-next:hover {
    color: #ffffff;
    background-color: #fbd336;
    border: 2px solid #1280b4;
}

.main-slider .owl-theme .owl-controls .owl-nav [class*="owl-"]:hover {
    border: 1px solid #fbd336;
    color: #ffffff;
}

.main-slider .owl-theme .owl-controls {
    margin-top: 0px;
}

/** about-section **/
.stratgey_texts {
    padding: 8% 8% 8% 0;
}

.stratgey_texts2 {
    padding: 8% 0 8% 8%;
}

.about-section {
    position: relative;
    padding: 50px 0px 50px 0px;
}

.video-gallery {
    text-align: center;
    position: relative;
    overflow: hidden;
}

.video-gallery:before {
    position: absolute;
    content: '';
    background: rgba(0, 0, 0, 0.60);
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    opacity: 0;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.video-gallery:hover:before {
    opacity: 1;

}

.video-gallery img {
    width: 100%;
}


.video-gallery .overlay-gallery {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all 500ms ease;
}

.video-gallery .overlay-gallery .icon-holder {
    display: table;
    height: 100%;
    width: 100%;
}

.video-gallery .overlay-gallery .icon-holder .icon {
    display: table-cell;
    vertical-align: middle;
}

.video-gallery .overlay-gallery .icon-holder .icon a {
    position: relative;
    display: inline-block;
    font-weight: 700;
    font-size: 44px;
    color: #fff;
    margin: 0px;
}

.about-section ul {
    margin: 0;
    padding: 0;
}

.about-section ul li {
    margin: 0;
    padding: 3px 0 3px 25px;
    background: url('../images/abo-li.png') no-repeat 0 8px;
}

.about-section .video-content .about-title {
    position: relative;
    margin-bottom: 20px;
}

.about-section .video-content .about-title span {
    font-weight: 500;
}

.about-section p {
    margin-bottom: 31px;
    font-weight: 400;
}

.about-section .about-content .single-item {
    position: relative;
    padding: 3px 0px 0px 130px;
    margin-bottom: 61px;
}

.about-section .about-content .single-item .icon-box {
    position: absolute;
    left: 0px;
    top: 0px;
    background: transparent;
    width: 100px;
    height: 100px;
    line-height: 100px;
    border: 1px solid #fbd14b;
    border-radius: 50%;
    text-align: center;
    transition: all 500ms ease;
}

.about-section .about-content .single-item .icon-box:before {
    position: absolute;
    content: '';
    border: 1px dashed #fbd14b;
    width: 1px;
    height: 33px;
    left: 50%;
    bottom: -100%;
    margin-left: 0px;
    margin-bottom: 39px;
}

.about-section .about-content .single-item:last-child .icon-box:before {
    display: none;
}

.about-section .about-content {
    position: relative;
    margin-left: 38px;
    margin-top: 30px;
}

.about-section .about-content .single-item:last-child {
    margin-bottom: 0px;
}

.about-section .about-content .single-item:hover .icon-box {
    background: #368c31;
    border: 1px solid #368c31;
}

.about-section .about-content .single-item .icon-box i:before {
    position: relative;
    font-size: 45px;
    color: #fbd336;
    margin: 0px;
    transition: all 500ms ease;
}

.about-section .about-content .single-item:hover .icon-box i:before {
    color: #fff;
}

.about-section .about-content .single-item h4 a {
    display: inline-block;
    margin-bottom: 10px;
}

.consult_btn{display:inline-block;font-size:16px;padding:12px 32px;background:#115a3d;color:#fff;font-weight:400;text-align: center;transition:all 300ms ease;border-radius:50px;}
.consult_btn:hover {background: #000;color: #fff;}

/** form-section **

.form-section{
position: relative;
width: 100%;
padding: 100px 0px 110px 0px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
}

.form-section:before{
position: absolute;
content: '';
background: rgba(18, 128, 180, 0.75);
width: 100%;
height: 100%;
left: 0px;
top: 0px;
}

.form-section .title-box .form-title h2{
position: relative;
color: #ffffff;
text-transform: uppercase;
margin-bottom: 2px;
padding-top: 29px;
}

.form-section .title-box .form-title h2:before{
position: absolute;
content: '';
background: #ffffff;
width: 30px;
height: 3px;
left: 50%;
margin-left: -25px;
top: 0px;
}

.form-section .title-box .text{
position: relative;
font-size: 14px;
font-family: 'Poppins', sans-serif;
font-weight: 400;
color: #ffffff;
text-transform: uppercase;
}

.form-section .title-box{
margin-bottom: 52px;
}

.form-section .form-content .form-group{
position: relative;
margin-bottom: 25px;
}
.form-section .form-content .form-group input[type='text'],
.form-section .form-content .form-group input[type='email'],
.form-section .form-content .form-group .ui-selectmenu-button.ui-button,
.form-section .form-content .form-group textarea{
width: 100%;
height: 52px;
background: #ffffff;
color: #666666;
padding: 10px 20px;
font-size: 14px;
border: 1px solid #ffffff;
border-radius: 0px;
transition: all 500ms ease;
}

.form-section .form-content .form-group .ui-selectmenu-button.ui-button{
padding: 17px 20px;
}

.form-section .form-content .form-group textarea{
height: 150px;
resize: none;
}

.form-section .form-content .form-group input:focus,
.form-section .form-content .form-group textarea:focus,
.form-section .form-content .form-group .ui-selectmenu-button.ui-button:focus{
border: 1px solid #222;
}

.ui-selectmenu-button .ui-icon {
background: none;
position: relative;
top: -2px;
right: 2px;
text-indent: 0px;
display: block;
float: right;
}

.ui-selectmenu-button .ui-icon:before {
font-family: 'Font Awesome 5 Free';
content: "\f107";
position: absolute;
right: 0px;
top: 0px;
display: block;
color: #666666;
line-height: 20px;
font-size: 18px;
font-weight: 700;

text-align: center;
z-index: 5;
}

.form-section .form-content .form-group .btn-style-one{
text-transform: uppercase;
padding: 13px 32px 12px 32px;
}

.form-section .form-content .form-group .btn-style-one:hover{

background: #ffffff;
border: 2px solid #ffffff;
color: #1280b4;
}

.form-section .call-content .call{
position: relative;
display: inline-block;
font-size: 18px;
font-family: 'Poppins', sans-serif;
font-weight: 300;
color: #ffffff;
padding: 0px 0px 0px 22px;
}

.form-section .call-content .call a{
color: #fff;
}

.form-section .call-content .call i{
position: absolute;
left: 0px;
top: 3px;
font-size: 18px;
color: #ffffff;
}

.form-section .form-content{
padding-bottom: 22px;
}

.form-section .img-column{
position: absolute;
left: 150px;
bottom: 0px;
background: url(../images/resource/1.png);
width: 410px;
height: 795px;
background-repeat: no-repeat;
}


/** service-section **/
.service-section {
    position: relative;
}

.service-section .title-box {
    margin-bottom: 52px;
}

.overlay-box {
    position: relative;
}

.overlay-box .image-box{
    position: relative;
    overflow: hidden;
    border-radius: 10px;
	transition: .3s;
}
.service-block-one{transition: .3s;}
.service-block-one:hover .image-box, .service-block-one:hover .lower-content{box-shadow: 0 0 16px #155a3e;border: 1px solid #51b18a;}
.overlay-box .image-box img {
    width: 100%;
}

.overlay-box .image-box .overlay .wrapper .list a:hover {
    background: #fbcf5a;
    color: #fff;
}

.service-block-one {
    position: relative;
    transition: all 500ms ease;
    min-height: 400px;
}

.service-block-one .lower-content {
    padding: 20px 20px;
    text-align: center;
    position: absolute;
    bottom: 30px;
    width: 92%;
    z-index: 99;
    background: #fff;
    margin: 0 auto;
    left: 0;
    right: 0;
    box-shadow: 0 0 10px #ccc;
    border-radius: 10px;
	transition: .3s;
}

.service-block-one .lower-content h3 {
}

.service-block-one .lower-content h3 a {
    display: inline-block;
}

.service-block-one .lower-content .text {
    position: relative;
    margin-bottom: 16px;
    height: 50px;
    overflow: hidden;
}

.service-section .owl-dots {
    display: none !important;
}

.owl-theme .owl-controls {
    text-align: center;
    margin-top: 70px;
}

.owl-theme .owl-controls .owl-nav [class*="owl-"] {
    margin: 0px 4px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    border: 1px solid #000;
    color: #666666;
    text-align: center;
}

.owl-theme .owl-controls .owl-nav [class*="owl-"]:hover {
    border: 1px solid #222;
    color: #222;
}

.owl-theme .owl-controls .owl-nav [class*="owl-"] span:before {
    font-size: 16px;
}

/** our-protection **/
.what_inner {
    display: flex;
    justify-content: space-evenly;
}

.what_box {
    text-align: center;
    box-shadow: 0 0 10px #ccc;
    width: 30%;
    border-radius: 10px;

    padding: 30px 0 15px;
    margin-top: 30px;transition: .3s;
}
.what_box:hover{box-shadow: 0 0 16px #155a3e;}
.what_box p {
    font-size: 20px;
    font-weight: 500;
    margin-top: 10px;
}

/*
.our-protection{position: relative;}
.our-protection .lock2{display:none;}
.our-protection .lock2, .our-protection .lock1{transition:all linear .3s;}
.our-protection .inner-content:hover .lock2{display: block;transition:all linear .3s;}
.our-protection .inner-content:hover .lock1{display:none;transition:all linear .3s;}
.our-protection .title-box{margin-bottom: 86px;}
.our-protection .inner-content{position: relative;margin: 0px -60px;}
.our-protection .inner-content .single-item{position: relative;margin-bottom: 70px;}
.our-protection .inner-content .single-item:last-child{margin-bottom: 0px;}
.our-protection .inner-content .single-item .icon-box{position: absolute;top: 6px;width: 70px;height: 70px;line-height: 70px;background: #368c31;text-align: center;border-radius: 50%;transition: all 500ms ease;}
.our-protection .inner-content .single-item:hover .icon-box{background: #fbd502;}
.yellow{background: #fbd502 !important;}
.our-protection .inner-content .single-item:hover .yellow{background:#368c31 !important;}
.our-protection .inner-content .left-column .single-item{padding: 0px 0px 0px 100px;}
.our-protection .inner-content .left-column .single-item .icon-box{left: 0px;}
.our-protection .inner-content .right-column .single-item{padding: 0px 100px 0px 0px;text-align: right;}
.our-protection .inner-content .right-column .single-item .icon-box{right: 0px;}
.our-protection .inner-content .single-item .icon-box i:before{position: relative;font-size: 28px;color: #fff;margin: 0px;}
.our-protection .inner-content .single-item h4 a{display: inline-block;margin-bottom: 6px;}
.our-protection .inner-content .image-box{position: relative;text-align: center;margin-top: 3px;}
*/
/** fact-counter **/
.fact-counter {
	background: url("../images/counter-bg.jpg") center;
    position: relative;
    padding: 83px 0px 84px 0px;
    background-size: cover;
    background-attachment: fixed;
}
.count ul {
    margin: 0;
    list-style: none;
    text-align: center;
}

.count ul li {
    padding: 0 20px;
    margin: 0;
    list-style: none;
    width: 24%;
    text-align: center;
    display: inline-block;
}

.count .num {
    margin: 30px 0 15px;
    font-size: 50px;
    font-weight: 700;
    color: #fff;
    line-height: 44px;
}

.count .sub-text {
    position: relative;
    font-size: 18px;
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
}

.border {
    border-top: 3px solid #fbd336;
    width: 30px;
}

.counter-block-one {
    position: relative;
    max-width: 170px;
    margin: 0 auto;
}

.counter-block-one .count-outer span {
    position: relative;
    display: inline-block;
    font-size: 48px;
    line-height: 55px;
    font-weight: 700;
    color: #fff;
}

.counter-block-one .count-outer {
    position: relative;
    padding-bottom: 12px;
    margin-bottom: 18px;
}

.counter-block-one:hover .count-outer:before {
    width: 40px;
}

.counter-block-one .text {
    position: relative;
    font-size: 18px;
    color: #fff;
    font-weight: 300;
}

/** security-information **
/** cta-section **/
.cta-section {
    padding: 103px 0px;
    width: 100%;
    background: #0c5a3b;
}

.cta-section .cta-content .title {
    position: relative;
    display: block;
    font-size: 40px;
    line-height: 42px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 23px;
}

.cta-section .cta-content .text {
    position: relative;
    display: block;
    font-size: 22px;
    line-height: 30px;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 43px;
}

.cta-section .cta-content .link .btn-style-one {
    padding: 13px 40px;
}

/** testimonial-section **/
.testimonial-section {
    position: relative;



    width: 100%;
    padding: 40px 0px 70px 0px;

    background: #f7f7f7;
}

.testimonial-section .title-box .sec-title h2, .testimonial-section .title-box .title-text {
    color: #000;
}

.testimonial-section .title-box {
    margin-bottom: 22px;
}

.testimonial-section .inner-content {
    position: relative;
    margin: 0px -125px;
}

.testimonial-block-one {
    position: relative;
    background: #fff;
    margin: 30px 0px 50px 0px;
    padding: 49px 30px 64px 50px;
    transition: all 500ms ease;
    border-radius: 10px;
}
/*.testimonial-block-one:hover{box-shadow: 0 0 16px #155a3e;}*/
.testimonial-block-one:before {
    position: absolute;
    content: "\f10d";
    font-family: 'Font Awesome 5 Free';
    font-size: 48px;
    color: #155a3e;
    right: 50px;
    bottom: -20px;
    font-weight: 700;
}

.testimonial-block-one .authore-info {
    position: relative;
    padding: 0;
    margin-bottom: 5px;
}

.testimonial-block-one .authore-info i {
    font-size: 12px;
    color: #eabc34;
}

.testimonial-block-one .authore-info .thumb-box {
    position: absolute;
    left: 0px;
    top: 4px;
    width: 80px;
    height: 80px;
    border-radius: 2px;
}

.testimonial-block-one .authore-info .thumb-box img {
    width: 100%;
    border-radius: 2px;
}

.testimonial-block-one .authore-info h5 {
    display: block;
    margin-bottom: 0px;
    transition: all 500ms ease;
    font-size: 18px;
    font-weight : 600;
}

.testimonial-block-one .authore-info span {
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 2px;
    transition: all 500ms ease;
    color: #2c2c2c;
    font-weight: 400;
}

.testimonial-block-one .authore-info .authore-rating li {
    position: relative;
    float: left;
    font-size: 14px;
    margin-right: 2px;
    color: #ffc139;
}

.testimonial-block-one .text {
    line-height: 28px;
    transition: all 500ms ease;
}

.testimonial-section .owl-controls {
    display: none;
}

/** brand-section **/
.brand-section {
    position: relative;
}

.brand-section .inner-content {
    position: relative;
    margin: 0px -125px;
}

.brand-section .title-box {
    position: relative;
    float: left;
}

.brand-section .title-box .title h2 {
    position: relative;
    padding-top: 40px;
    text-transform: uppercase;
}

.brand-section .title-box .text {
    position: relative;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
}

.brand-section .brand-content {
    position: relative;
    float: right;
}

.brand-section .brand-content li.image-box {
    position: relative;
    float: left;
    margin-right: 25px;
}

.brand-section .brand-content li.image-box:last-child {
    margin-right: 0px;
}

.brand-section .brand-content li.image-box img {
    transition: all 500ms ease;
}

.brand-section .brand-content li.image-box:hover img {
    transform: scale(1.03);
}

.brand-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.brand-list li {
    margin: 10px;
    padding: 0;
    display: inline-block;
    border: 1px solid #ccc;
}

/** call-to-action **/
.projects_bg {
    padding: 80px 0 60px;
    background: url("../images/cont-bg.jpg") no-repeat center fixed;
    background-size: cover;
}

.projects_bg h2 {
    text-transform: uppercase;
    line-height: 39px;
    font-weight: 500;
    text-align: center;
    margin-bottom:0px;
}

.contact_sec {
    width: 70%;
    margin: 0px auto;
    padding: 30px;
}

.contact_sec .form-control {
    font-size: 14px;
    padding: 10px 20px;
    height: auto !important;
    border-radius: 8px;
}

.cont_btn {
    width: 100%;
    color: #fff;
    margin-top: 11px;
    background: linear-gradient(45deg, #115a3d, #248d63);
    border: 1px solid #fff;
    padding: 11px 0;
    text-transform: uppercase;
    border-radius: 10px;
}

.input-group-text {
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
}

.input-group-text .form-control {
    border-radius: 10px 0 0 10px;
    padding: 10px 15px;
}

/*
.call-to-action{position: relative;width: 100%;padding: 63px 0px 69px 0px;background: #115a3d;}
.call-to-action .call-content{position: relative;float: left;padding: 3px 0px 0px 65px;}
.call-to-action .call-content .icon-box{position: absolute;left: 0px;top: 6px;}
.call-to-action .call-content .icon-box i{position: relative;font-size: 60px;color: #fff;}
.call-to-action .call-content .title{font-size:30px;line-height:38px;font-weight:500;color:#fff;margin-bottom:1px;}
.call-to-action .call-content .title a{font-size: 30px;line-height: 38px;font-weight: 500;color: #fff;}
.call-to-action .call-content .text{position: relative;color: #fff;}
.call-to-action .inner-content .link{position: relative;float: right;margin-top: 7px;}
.call-to-action .inner-content .link .btn-style-one{padding: 15px 30px;}
.call-to-action .inner-content .link .btn-style-one:hover{background: #398b39;color: #fff;}
*/
/** main-footer **/
.main-footer {
    position: relative;
    background: #398b39;
    color: #000;
    border-top: 1px solid #e5e5e5;
}

.footer-top {
    position: relative;
    padding: 70px 0px;
    background: #fff;
}

.footer-top .logo-widget {
    position: relative;
    margin-top: -8px;
}

.footer-top .logo-widget .footer-logo {
    position: relative;
    margin-bottom: 15px;
}

.footer-top .logo-widget .text {
    font-size: 14px;
    text-align: left;
}

.footer-top .logo-widget .info-box li {
    position: relative;
    display: block;
    margin-bottom: 1px;
}

.footer-top .logo-widget .info-box li:last-child {
    margin-bottom: 0px;
}

.footer-top .logo-widget .info-box li a,.footer-top .logo-widget .address {
    color: #ccc;
}

.footer-top .logo-widget .info-box li a:hover {
    color: #1280b4;
}

.footer-top .logo-widget .address {
    line-height: 24px;
}

.footer-top .logo-widget .info-box {
    position: relative;
    margin-bottom: 24px;
}

.footer-top .footer-title h4 {
    position: relative;
    color: #000;
    font-weight: 500;
    padding-top: 9px;
    margin-bottom: 24px;
}

.footer-top .footer-title h4:before {
    position: absolute;
    content: '';
    background: #0d3a13;
    width: 30px;
    height: 3px;
    left: 0px;
    top: 0px;
}

.footer-top .service-widget .service-list li {
    position: relative;
    display: block;
    padding: 0px 0px 0px 23px;
    margin-bottom: 4px;
}

.footer-top .service-widget .service-list li:before {
    position: absolute;
    left: 0px;
    top: 1px;
    content: "\f152";
    font-family: 'Font Awesome 5 Free';
    font-size: 12px;
    color: #0d3a13;
    font-weight: 700;
}

.footer-top .service-widget .service-list li:last-child {
    margin-bottom: 0px;
}

.footer-top .service-widget .service-list li a {
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #000;
}

.footer-top .service-widget .service-list li a:hover,.footer-top .post-widget .post .text a:hover {
    color: #398b39;
}

.footer-top .service-widget {
}

.footer-top .post-widget .post {
    position: relative;
    margin-bottom: 33px;
}

.footer-top .post-widget .post:last-child {
    margin-bottom: 0px;
}

.footer-top .post-widget .post .text a {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: #999;
    margin-bottom: 8px;
}

.footer-top .post-widget .post .post-date {
    position: relative;
    font-size: 12px;
    color: #1280b4;
}

.footer-top .post-widget {
    margin-right: 15px;
}

.footer-top .newsletter-widget .text {
    margin-bottom: 26px;
}

.footer-top .newsletter-widget .newsletter-form .form-group {
    position: relative;
    margin-bottom: 40px;
}

.footer-top .newsletter-widget .newsletter-form .form-group input[type='email'] {
    width: 100%;
    height: 52px;
    background: #fff;
    padding: 10px 50px 10px 20px;
    border: 2px solid #fff;
    transition: all 500ms ease;
}

.footer-top .newsletter-widget .newsletter-form .form-group input[type='email']:focus {
    border: 2px solid #1280b4;
}

.footer-top .newsletter-widget .newsletter-form .form-group button {
    position: absolute;
    top: 15px;
    right: 21px;
    background: transparent;
    font-size: 18px;
    color: #1280b4;
    cursor: pointer;
    transition: all 500ms ease;
}

.footer-top .newsletter-widget .newsletter-form .form-group input:focus + button,.footer-top .newsletter-widget .newsletter-form .form-group button:hover {
    color: #1280b4 !important;
}

.address {
    margin-top: 15px;
}

.footer-top .newsletter-widget .footer-social {
    margin-top: 10px;
}

.footer-top .newsletter-widget .footer-social li {
    position: relative;
    float: left;
    margin-right: 4px;
}

.footer-top .newsletter-widget .footer-social li:last-child {
    margin-right: 0px;
}

.footer-top .newsletter-widget .footer-social li a {
    position: relative;
    display: inline-block;
    font-size: 12px;
    color: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background: #0d3a13;
    border-radius: 50px;
}

.footer-top .newsletter-widget .footer-social li a:hover {
    background: #398b39;
    color: #fff;
}

.main-footer .footer-bottom {
    position: relative;
    padding: 15px 0px;
    background: #0b3a0f;
    font-weight: 300;
}

.main-footer .footer-bottom .copyright, .main-footer .footer-bottom .copyright a {
    color: #fff;
}

.flag_area{
margin: 0;
padding: 0;
}
.flag_area li{
margin: 0 8px 0 0;
padding: 0;
display: inline-block;
width: 13%;
border-radius: 50%;
box-shadow: 0 0 5px #9b9b9b;
}
.flag_area li:last-child{margin: 0;}

/*** 

====================================================================
Header-Style-Two
====================================================================

***/
.header-style-two {
    background: #fff;
}

.header-style-two .header-top .social li a {
    background: #e9e9e9;
}

.header-style-two .header-bottom .nav-outer {
    position: relative;
    padding: 16px 0px 0px 0px;
}

.header-style-two .header-top {
    box-shadow: none;
    background: #f2f2f2;
}

.header-style-two .main-menu .navigation > li > a {
    color: #222;
    padding: 31px 0px 47px 0px;
}

.header-style-two .sticky-header .main-menu .navigation > li > a {
    padding: 14px 30px 16px 30px;
}

.header-style-two .header-top .left-column {
    position: relative;
    float: left;
}

.header-style-two .header-top .right-column {
    position: relative;
    float: right;
}

.header-style-two .header-top .left-column li {
    position: relative;
    float: left;
    padding: 0px 0px 0px 25px;
    margin: 16px 28px 0px 0px;
    font-size: 16px;
    color: #222;
}

.header-style-two .header-top .left-column li a {
    color: #222;
}

.header-style-two .header-top .left-column li a:hover {
    color: #1280b4;
}

.header-style-two .header-top .left-column li i {
    position: absolute;
    left: 0px;
    top: 6px;
    font-size: 20px;
}

.header-style-two .header-top .right-column ul {
    position: relative;
    float: left;
}

.header-style-two .header-top .social li:last-child {
    margin-right: 4px;
}

/*** 

====================================================================
About-Page
====================================================================

***/
/** page-title **/
.page-title {
    position: relative;
    width: 100%;
    padding: 80px 0px 0 0px;
    background-size: cover;
    margin-bottom: 18px;
    background-repeat: no-repeat;
}

.page-title:before {
    position: absolute;
    content: '';
    background: #115a3d;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}

.page-title .content-box .title {
    position: relative;
    display: block;
    font-size: 40px;
    font-family: 'Poppins', sans-serif;
    line-height: 55px;
    font-weight: 300;
    color: #fff;
    margin-bottom: 42px;
}

.page-title .content-box .bread-crumb {
    position: relative;
    display: inline-block;
    background:#0c5a3b;
    padding: 9px 40px;
    margin-bottom: -18px;
    /* box-shadow: 0 0px 23px rgb(244 244 244 / 29%); */
    z-index: 1;
    border: 1px solid #499576;
}

.page-title .content-box .bread-crumb li {
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #fff;
    margin-right: 10px;
    padding-right: 21px;
}

.page-title .content-box .bread-crumb li a {
    font-size: 14px;
    color: #fff;
}

.page-title .content-box .bread-crumb li a:hover {
    color: #fff;
}

.page-title .content-box .bread-crumb li:last-child {
    padding: 0px;
    margin: 0px;
}

.page-title .content-box .bread-crumb li:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f105";
    position: absolute;
    right: 0px;
    top: 1px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.page-title .content-box .bread-crumb li:last-child:before {
    display: none;
}

/** feature-section **/
.feature-section {
    position: relative;
    padding: 50px 0px 45px 0px;
}

.feature-block-one {
    position: relative;
    padding: 50px 30px 51px 30px;
    background: #ffffff;
    transition: all 500ms ease;
}

.feature-section .feature-column {
    position: relative;
}

.feature-section .feature-column:before {
    position: absolute;
    content: '';
    border: 1px dashed #fbd14b;
    width: 57px;
    height: 1px;
    top: 100px;
    right: 0px;
    margin-right: -25px;
    z-index: 1;
}

.feature-section .feature-column:last-child:before {
    display: none;
}

.feature-block-one .icon-box {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    border: 1px solid #fbd336;
    border-radius: 50%;
    box-shadow: 0 10px 10px rgba(236, 236, 236, 0.30);
    transition: all 900ms ease;
}

.feature-block-one:hover .icon-box {
    border: 1px solid #398b39;
}

.feature-block-one .icon-box:before {
    content: '';
    position: absolute;
    background: transparent;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    transform: scale(0,0);
    transition: .5s ease;
}

.feature-block-one:hover .icon-box:before {
    transform: scale(1);
    background: #398b39;
}

.feature-block-one .icon-box i:before {
    position: relative;
    font-size: 45px;
    color: #fbd336;
    margin: 0px;
    transition: all 500ms ease;
}

.feature-block-one:hover .icon-box i:before {
    color: #ffffff;
}

.feature-block-one .lower-content h3 a {
    position: relative;
    display: inline-block;
    padding-bottom: 20px;
    margin-bottom: 27px;
}

.feature-block-one .lower-content h3 a:before {
    position: absolute;
    content: '';
    background: #cccccc;
    width: 30px;
    height: 3px;
    left: 50%;
    margin-left: -25px;
    bottom: 0px;
    transition: all 500ms ease;
}

/*** 

====================================================================
Error-Page
====================================================================

***/
.error-section {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 170px 0;
}

.error-section .content-box {
    position: relative;
    display: block;
    text-align: center;
    left: 0;
    width: 100%;
}

.error-section .content-box .image {
    position: relative;
    margin-bottom: 30px;
}

.error-section .content-box h1 {
    position: relative;
    font-size: 70px;
    line-height: 70px;
    font-weight: 700;
    margin-bottom: 20px;
}

.error-section .content-box h2 {
    position: relative;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.error-section .content-box p {
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 27px;
    color: #141414;
    font-weight: 500;
    margin-bottom: 20px;
}

.error-section .content-box p strong {
    font-weight: 600;
    font-size: 19px;
}

.error-section input[type="email"] {
    width: 100%;
    height: 50px;
    background: #f2f2f2;
    border: 1px solid #f2f2f2;
    line-height: 50px;
    padding: 10px 50px 10px 20px;
    color: #222;
    transition: all 500ms ease;
}

.error-section .form-group {
    position: relative;
    margin: 0px;
}

.error-section button {
    position: absolute;
    top: 0px;
    right: 5px;
    line-height: 50px;
    color: #222;
    font-size: 18px;
    background: transparent;
    text-align: center;
    width: 50px;
    vertical-align: middle;
    cursor: pointer;
    transition: all 500ms ease;
}

.error-section input:focus + button, .error-section button:hover {
    color: #1280b4;
}

.error-section input:focus {
    border: 1px solid #1280b4;
}

/*** 

====================================================================
Service-Page
====================================================================

***/
.service-style-two {
    padding: 100px 0px 55px 0px;
}

.service-style-two.service-page:before {
    display: none;
}

.service-style-two .service-block-one .lower-content {
    border: 1px solid #eeeeee;
    border-top: none;
}

.service-style-two .service-block-one {
    margin-bottom: 50px;
}

.service-style-two .service-block-one:hover {
    box-shadow: 0 5px 20px #eeeeee;
}

/** feature-style-two **/
.feature-style-two {
    padding: 100px 0px 39px 0px;
}

.feature-style-two .feature-block-one {
    margin-bottom: 30px;
}

.feature-style-two .feature-block-one:hover {
    box-shadow: 0 5px 30px #eeeeee;
}

.feature-style-two .feature-block-one .icon-box {
    width: 120px;
    height: 120px;
    line-height: 120px;
    margin-bottom: 33px;
}

.feature-style-two .feature-block-one .lower-content h3 a {
    margin-bottom: 22px;
}

.feature-style-two .feature-block-one .lower-content .text {
    margin-bottom: 46px;
}

/** service-details **/
.service-details {
    position: relative;
    padding: 77px 0px 20px 0px;
}

.service-details .service-sidebar-content {
    position: relative;
    margin-right: 10px;
    margin-top: 5px;
}

.sidebar-title h4 {
    display: block;
    margin-bottom: 19px;
}

.sidebar-categories {
    position: relative;
    display: block;
    background: #fbd336;
    padding: 44px 30px 47px 45px;
    margin-bottom: 40px;
}

.sidebar-categories .categories-list li {
    position: relative;
    display: block;
    margin-bottom: 10px;
}

.sidebar-categories .categories-list li:last-child {
    margin-bottom: 0px;
}

.sidebar-categories .categories-list li a {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: #000;
    padding: 0px 0px 0px 25px;
}

.sidebar-categories .categories-list li a:before {
    position: absolute;
    content: "\f115";
    font-family: 'flaticon';
    font-size: 14px;
    left: 0px;
    top: 0px;
    color: #222;
    transition: all 500ms ease;
}

.sidebar-categories .categories-list li a:hover,.sidebar-categories .categories-list li a:hover:before,.sidebar-categories .categories-list li.active a,.sidebar-categories .categories-list li.active a:before {
    color: #007800;
}

.sidebar-call {
    position: relative;
    display: block;
    border: 2px solid #398b39;
    padding: 66px 30px 52px 30px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.10);
}

.sidebar-call .icon-box {
    margin-bottom: 14px;
}

.sidebar-call .icon-box i:before {
    position: relative;
    font-size: 60px;
    color: #398b39;
    margin: 0px;
}

.sidebar-call .text {
    position: relative;
    font-size: 18px;
    color: #222;
    font-weight: 400;
    margin-bottom: 18px;

}

.sidebar-call .phone {
    position: relative;
    font-size: 24px;
    line-height: 18px;
    color: #222;
    font-weight: 700;
    margin-bottom: 1px;
}

.sidebar-call .phone a {
    color: #222;
    line-height: 23px;
    font-size: 16px;
}

.sidebar-call .email a {
    color: #222;
    font-weight: 600;
}

.sidebar-call .phone a:hover,.sidebar-call .email a:hover {
    color: #398b39;
}

.sidebar-call .email {
    position: relative;
    font-size: 16px;
    color: #222;
    font-weight: 400;
    margin-bottom: 36px;
}

.sidebar-call .email a {
    color: #222;
}

.sidebar-call .link a {
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #398b39;
    border: 2px solid #398b39;
    padding: 10px 30px;
}

.sidebar-call .link a:hover {
    color: #fff;
    border: 2px solid #398b39;
    background: #398b39;
}

.service-details .service-details-content .content-style-one .title {
position: relative;
display: block;
font-size: 30px;
line-height: 40px;
color: #000;
font-weight: 600;
padding-bottom: 21px;
}

.service-details .service-details-content p {margin-bottom: 46px;}
.service-details .service-details-content .content-style-one .image-box {position: relative;margin-bottom: 42px;}
.service-details .service-details-content .image-box img {width: 100%;}
.service-details .service-details-content .content-style-two .inner-content .text {margin: -6px 0px 0px 0px;}
.service-details .service-details-content .content-style-two .inner-content .text p {margin-bottom: 26px;}
.service-details .service-details-content .content-style-two .inner-content .text p:last-child {margin-bottom: 0px;}
.service-details .service-details-content .content-style-two .inner-content {margin-bottom: 38px;}
.serv_cont {}
.serv_cont stong {font-weight: 600;}

/*** 

====================================================================
Contact-Page
====================================================================

***/
/** contact-section **/
.contact-section {position: relative;background:url("../images/map.png") no-repeat center;background-attachment:fixed;background-size:cover;padding: 100px 0 150px;}
.contact-section .title-box .title h2{position:relative;display:block;line-height:35px;padding-top:25px;margin-bottom:20px;
font-size: 24px;font-weight: 500;}
/*.contact-section .title-box .title h2{position:relative;display:block;line-height:46px;padding-top:25px;margin-bottom: 20px;}
.contact-section .title-box .title h2 span {font-weight: 500}
.contact-section .title-box .title h2:before {position: absolute;content: '';background: #3c8a40;width: 30px;height: 3px;
left: 50%;margin-left: -25px;top: 0}
*/
.cont_box{box-shadow:0 0 10px #ccc;background: #fff;padding: 40px;border-radius: 10px;display: flex;align-items: center;margin-top: 30px;min-height: 146px;}
.cont_box_text{margin-left: 20px;}
.cont_box_text h3{font-size: 20px;font-weight: 700;line-height: 20px;}
.cont_box_text p{margin: 0;font-size: 16px;font-weight: 400;}


.cont_flag_area{margin-top:50px;}
.cont_flag_area ul{margin: 0;padding: 0;display: flex;align-items: center;justify-content: center;column-gap: 80px;flex-wrap: wrap;}
.cont_flag_area ul li{margin-top:50px;padding: 0;width: 140px;box-shadow: 0 0 40px #a1a1a1;border-radius: 50%;border: 5px solid #fff;position: relative;}
.flag_add{position:absolute;width: 100px;height: 100px;background: #000;bottom: 0;}
.flag_add p{color: #fff;font-size:12px;text-align: center;}
.btn-secondary:focus, .btn-secondary.focus{box-shadow:none;}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle{background:none;border: none;}

.tooltip-light .tooltip-inner {background-color:#f8f9fa !important;color: #212529 !important;}
.tooltip-light.bs-tooltip-top .arrow:before {border-top-color: #f8f9fa !important;}
.tooltip-light.bs-tooltip-right .arrow:before {border-right-color: #f8f9fa !important;}
.tooltip-light.bs-tooltip-left .arrow:before {border-left-color: #f8f9fa !important;}
.tooltip-light.bs-tooltip-bottom .arrow:before {border-bottom-color: #f8f9fa !important;}
.btn-secondary{background:none;}
.btn-secondary:hover{background:none;}


/*** 

====================================================================
                        Home-Page-Three
====================================================================

***/
/** header-style-three **/
/*.main-header.style-three {position: relative}
.main-header.style-three .header-top {background: #fff}
.main-header.style-three .header-top .inner-container {position: relative;padding: 10px 0;border-bottom: 1px solid #e8e8e8}

.main-header.style-three .header-top .social li a {
width: 45px;
height: 45px;
line-height: 45px;
border-radius: 50%;
background: #f2f2f2
}

.main-header.style-three .header-top .social li a:hover {
background: #6bc7f2
}

.main-header.style-three .header-top .left-column li {
margin-top: 11px
}

.main-header.style-three .header-top .left-column li i {
color: #14437b
}

.main-header.style-three .header-top .left-column li:first-child a {
font-weight: 700
}

.main-header.style-three .header-top .left-column li a {
font-family: 'Poppins',sans-serif
}

.main-header.style-three .header-bottom .nav-outer {
padding-top: 7px
}

.main-header.style-three .main-menu .navigation > li > a {
padding-bottom: 36px
}

.main-header.style-three .header-bottom .logo-outer {
padding-bottom: 29px
}*/

/** slider-style-three **/
.main-slider.style-three {
position: relative
}

.main-slider.style-three .content .icon-box {
position: relative;
display: block;
font-size: 50px;
line-height: 50px;
color: #6bc7f2;
margin-bottom: 40px
}

.main-slider.style-three .content .icon-box i {
position: relative;
display: inline-block;
margin-right: 10px
}

.main-slider.style-three .content .icon-box i:last-child {
margin-right: 0
}

.main-slider.style-three .content .icon-box i:before {
font-size: 70px;
line-height: 70px;
margin-left: 0
}

.main-slider.style-three h1 {
font-size: 52px;
font-weight: 600;
margin-bottom: 22px
}

.main-slider.style-three .text {
margin-bottom: 41px
}

.main-slider.style-three .btn-style-one {
border-radius: 5px
}

.main-slider.style-three .slide {
padding: 175px 0 190px
}

.main-slider .owl-dots {
position: absolute;
right: 30px;
top: 50%;
transform: translateY(-50%)
}

.main-slider .owl-theme .owl-dots .owl-dot {
display: block
}

.main-slider .owl-theme .owl-dots .owl-dot span {
position: relative;
display: inline-block;
width: 7px;
height: 7px;
border: none;
background: #fff;
border-radius: 50%;
margin: 15px 0;
cursor: pointer;
transition: all 500ms ease
}

.main-slider .owl-theme .owl-dots .owl-dot span:before {
position: absolute;
content: '';
border: 1px solid #e6e7e7;
width: 19px;
height: 19px;
border-radius: 50%;
left: -6px;
top: -6px;
opacity: 0;
transition: all 500ms ease
}

.main-slider .owl-theme .owl-dots .owl-dot.active span:before,.main-slider .owl-theme .owl-dots .owl-dot span:hover:before {
opacity: 1
}

/** feature-style-three **/
.feature-style-three {
position: relative
}

.feature-style-three .inner-container {
position: relative;
background: #fff;
padding: 40px;
border-radius: 5px;
z-index: 1;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
margin-top: -20px
}

.feature-block-two .inner-box {
position: relative;
display: block;
border: 1px solid #e8e8e8;
border-radius: 5px;
overflow: hidden;
padding: 50px 30px 46px 45px;
transition: all 900ms ease
}

.feature-block-two .inner-box:hover {
border-color: #14437b
}

.feature-block-two .inner-box:before {
position: absolute;
content: '';
background: #14437b;
height: 0;
width: 100%;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
transition: all 500ms ease
}

.feature-block-two .inner-box:hover:before {
height: 100%;
opacity: 1;
top: 0
}

.feature-block-two .inner-box .icon-box {
position: relative;
color: #6bc7f2;
margin-bottom: 30px;
transition: all 500ms ease
}

.feature-block-two .inner-box:hover .icon-box {
color: #fff
}

.feature-block-two .inner-box .icon-box i:before {
font-size: 50px;
line-height: 50px;
margin: 0
}

.feature-block-two .inner-box h3 {
margin-bottom: 13px;
transition: all 500ms ease
}

.feature-block-two .inner-box p {
color: #333;
margin: 0;
transition: all 500ms ease
}

.feature-block-two .inner-box:hover h3 a,.feature-block-two .inner-box:hover p {
color: #fff
}

/** about-style-two **/
.about-style-two {
position: relative;
padding: 110px 0
}

.about-style-two .inner-box {
position: relative;
padding-right: 55px
}

.about-style-two .inner-box .image-box img {
position: relative;
width: 100%
}

.about-style-two .inner-box .text {
position: absolute;
right: -95px;
bottom: 60px;
background: #6bc7f2;
padding: 30px 45px 36px;
max-width: 435px;
border-radius: 5px
}

.about-style-two .inner-box .text h3 {
position: relative;
display: block;
font-size: 30px;
font-family: 'Poppins',sans-serif;
color: #fff;
line-height: 42px;
font-weight: 400;
margin: 0
}

.about-style-two .content-box .title-box h6 {
position: relative;
display: block;
font-size: 16px;
line-height: 26px;
font-weight: 400;
color: #222;
padding-top: 22px;
margin-bottom: 2px
}

.about-style-two .content-box .title-box h6:before {
position: absolute;
content: '';
background: #6bc7f2;
height: 3px;
width: 30px;
left: 0;
top: 0
}

.about-style-two .content-box .title-box h2 {
font-weight: 700;
color: #222;
line-height: 42px
}

.about-style-two .content-box .title-box {
position: relative;
margin-bottom: 22px
}

.about-style-two .content-box .text p {
color: #333
}

.about-style-two .content-box .text {
position: relative;
display: block;
margin-bottom: 33px
}

.about-style-two .content-box .list-item {
position: relative;
display: block;
margin-bottom: 51px
}

.about-style-two .content-box .list-item li {
position: relative;
display: inline-block;
float: left;
width: 50%;
font-size: 16px;
line-height: 26px;
font-family: 'Poppins',sans-serif;
color: #333;
margin-bottom: 8px;
padding-left: 25px
}

.about-style-two .content-box .list-item li:before {
position: absolute;
content: "\f00c";
font-size: 14px;
color: #14437b;
top: 1px;
left: 0;
font-family: 'Font Awesome 5 Free';
font-weight: 700
}

.about-style-two .content-box .lower-box {
position: relative;
display: block;
margin-left: 115px;
background: #f5f5f5;
padding: 34px 40px 37px 110px;
border-radius: 5px
}

.about-style-two .content-box .lower-box .icon-box {
position: absolute;
left: 45px;
top: 45px;
color: #14437b
}

.about-style-two .content-box .lower-box .icon-box i:before {
font-size: 60px;
line-height: 60px;
margin: 0
}

.about-style-two .content-box .lower-box h3 {
position: relative;
font-size: 30px;
line-height: 35px;
font-family: 'Poppins',sans-serif;
color: #222;
font-weight: 400;
margin-bottom: 4px
}

.about-style-two .content-box .lower-box h2 {
position: relative;
display: block;
font-size: 40px;
line-height: 40px;
font-family: 'Poppins',sans-serif;
font-weight: 700;
color: #14437b;
margin: 0
}

.about-style-two .content-box .lower-box h2 a {
display: inline-block;
font-size: 40px;
line-height: 40px;
font-family: 'Poppins',sans-serif;
font-weight: 700;
color: #14437b
}

.about-style-two .content-box .lower-box h2 a:hover {
color: #6bc7f2
}

.about-style-two .content-box {
position: relative;
margin-top: 20px;
margin-left: -30px
}

/** service-style-two **/
.service-style-two {
position: relative;
padding: 100px 0 80px;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed
}

.service-style-two:before {
position: absolute;
content: '';
background: #14437b;
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: .5
}

.service-style-two .title-box h2 {
position: relative;
font-size: 36px;
line-height: 45px;
font-weight: 700;
color: #fff;
margin-bottom: 11px;
padding-top: 28px
}

.service-style-two .title-box h2:before {
position: absolute;
content: '';
background: #1280b4;
width: 30px;
height: 3px;
left: 50%;
transform: translateX(-50%);
top: 0
}

.service-style-two .title-box p {
color: #fff;
margin: 0
}

.service-style-two .title-box {
position: relative;
display: block;
margin-bottom: 52px
}

.service-block-two {
position: relative;
display: block;
margin-bottom: 30px
}

.service-block-two .inner-box {
position: relative;
display: block;
background: #fff;
border-radius: 5px;
overflow: hidden
}

.service-block-two .inner-box .image-box {
position: absolute;
left: 0;
top: 0;
overflow: hidden;
background: #14437b;
z-index: 1
}

.service-block-two .inner-box .image-box img {
width: 100%;
transition: all 500ms ease
}

.service-block-two .inner-box:hover .image-box img {
opacity: .5;
transform: scale(1.05)
}

.service-block-two .inner-box .content-box {
position: relative;
padding: 45px 35px 48px 235px
}

.service-block-two .inner-box .content-box h3 {
font-size: 22px;
margin-bottom: 9px
}

.service-block-two .inner-box .content-box h3 a {
font-size: 22px
}

.service-block-two .inner-box .content-box p {
margin-bottom: 19px
}

.service-block-two .inner-box .content-box .link a {
position: relative;
display: inline-block;
font-size: 14px;
font-weight: 600;
color: #6bc7f2;
line-height: 18px;
border-bottom: 1px solid #6bc7f2
}

.service-block-two .inner-box .content-box .link a:hover {
color: #14437b;
border-color: #14437b
}

/** intro-section **/
.intro-section {
position: relative;
padding: 110px 0
}

.intro-section .single-item .inner-box {
position: relative;
display: block;
padding: 50px 20px
}

.intro-section .single-item .inner-box .icon-box {
position: relative;
color: #6bc7f2;
margin-bottom: 34px;
transition: all 500ms ease
}

.intro-section .single-item .inner-box .icon-box i:before {
font-size: 50px;
line-height: 50px;
margin: 0
}

.intro-section .single-block:hover .single-item .inner-box .icon-box {
color: #fff
}

.intro-section .single-item .inner-box h2 {
position: relative;
display: block;
font-size: 30px;
line-height: 40px;
font-weight: 500;
margin-bottom: 6px;
padding-top: 21px;
transition: all 500ms ease
}

.intro-section .single-block:hover .single-item .inner-box h2 {
color: #fff
}

.intro-section .single-item .inner-box h2:before {
position: absolute;
content: '';
background: #14437b;
width: 30px;
height: 3px;
left: 50%;
transform: translateX(-50%);
top: 0;
transition: all 500ms ease
}

.intro-section .single-block:hover .single-item .inner-box h2:before {
background: #fff
}

.intro-section .single-item .inner-box span {
position: relative;
display: block;
font-size: 14px;
line-height: 24px;
font-family: 'Poppins',sans-serif;
text-transform: uppercase;
transition: all 500ms ease
}

.intro-section .single-block:hover .single-item .inner-box span {
color: #fff
}

.intro-section .single-block {
position: relative;
border-right: 1px dashed #000;
transition: all 500ms ease
}

.intro-section .single-block:last-child {
    border-right: none
}

.intro-section .single-block:before {
    position: absolute;
    content: '';
    background: #14437b;
    width: 100%;
    height: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: all 500ms ease
}

.intro-section .single-block:hover:before {
    height: 100%;
    top: 0;
    opacity: 1
}

/** put-security **

.put-security{position:relative;padding:100px 0 110px}.put-security .title-box{position:relative;display:block;margin-bottom:16px}.put-security .title-box h6{position:relative;display:block;font-size:16px;line-height:26px;font-weight:400;padding-top:22px;margin-bottom:2px}.put-security .title-box h6:before{position:absolute;content:'';background:#6bc7f2;height:3px;width:30px;left:0;top:0}.put-security .title-box h2{font-weight:700;line-height:42px;margin-bottom:17px}.put-security .title-box p{margin:0}.put-security .content-box{position:relative;display:block;background:#6bc7f2;padding:101px 50px 101px 105px;border-radius:5px;margin-right:-85px;z-index:1}.put-security .content-box h2{font-size:30px;line-height:40px;font-weight:600;color:#fff}.put-security .content-box .upper-box p{color:#fff;margin:0}.put-security .content-box .upper-box{position:relative;margin-bottom:45px}.put-security .content-box .upper-box h2{margin-bottom:7px}.put-security .content-box .upper-box h2:before{position:absolute;content:'';background:#fff;width:80px;height:4px;left:-105px;top:17px}.put-security .content-box .lower-box h2{margin-bottom:24px}.put-security .content-box .lower-box h2:last-child{margin-bottom:0}.put-security .video-inner .video-gallery img{position:relative;width:100%}.put-security .video-inner .video-gallery .video-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.put-security .video-inner .video-gallery .video-btn a{position:relative;display:inline-block;font-size:30px;color:#14437b;background:#fff;width:100px;height:100px;line-height:100px;text-align:center;border-radius:50%;box-shadow:0 0 0 15px rgba(255,255,255,0.3)}.put-security .video-inner .video-gallery .video-btn a:hover{color:#fff;background:#14437b}.put-security .video-inner{position:relative;display:block;margin-right:-25px}.put-security .pattern-layer{position:absolute;left:0;top:0;right:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center}.put-security .image-layer{position:absolute;left:20px;bottom:20px;z-index:2}

/* !END: Theme Cta CSS */

.certi_img_area{float:right;width: 300px;text-align: center;margin-left: 30px;margin-bottom: 30px;padding: 30px 20px 20px;box-shadow: 0 0 20px #ccc;border-radius: 10px;}
.certi_img_area p{font-size: 20px;font-weight: 800;}
.certi_img1{border-radius:50%;box-shadow:0 0 20px #545454;margin-bottom: 15px;}
.r2_img{border-radius:5%;box-shadow:0 0 20px rgb(84 84 84 / 25%);margin:0 0 20px 30px;float: right;}

.certi_img_area1{float:right;width: 300px;text-align: center;margin-left: 30px;margin-bottom: 30px;padding: 20px 20px 10px;box-shadow: 0 0 20px #ccc;border-radius: 10px;}
.certi_img_area1 p{font-size: 14px;line-height: 19px;font-weight: 400;color: #959595;}
.certi_img2{box-shadow: 0 0 4px #545454;margin-bottom: 15px;}

.certi_img_area2{float:right;width: 400px;text-align: center;margin-left: 30px;padding: 10px;box-shadow: 0 0 20px #ccc;border-radius: 10px;}
.certi_img4{box-shadow: 0 0 4px #545454;}

.certi_img{float:right;width:237px;border-radius:50%;box-shadow:0 0 20px #545454;margin-left:20px;margin-bottom:20px;}
.certi_img3{float:right;width:237px;margin-left:20px;margin-bottom:20px;}

.blog-title-content ul{margin: 0;}
.blog-title-content ul li{margin-bottom: 7px;transition: .3s;background: url("../images/abo-li.png") no-repeat 0 5px;padding-left: 25px;}
.blog-title-content ul li:hover{padding-left:35px;}

/**----------------------------------------
START: Theme Blog CSS
----------------------------------------*/
.blog-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 40px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
row-gap: 15px;
}
@media only screen and (max-width: 991px) {
.blog-top {
padding-bottom: 30px;
}
}
.blog-top .section-heading {
margin-bottom: 0;
}
.blog-top .section-heading p {
max-width: 400px;
width: 100%;
}
.blog-top .blog-btn {
background-color: var(--lt-color-common-white);
color: var(--lt-color-heading-primary);
font-weight: 600;
border: 1px solid var(--lt-color-border-1);
}
.blog-top .blog-btn:before {
background-color: var(--lt-color-theme-primary);
}
.blog-top .blog-btn:hover {
color: var(--lt-color-common-white);
border: 1px solid var(--lt-color-theme-primary);
}
.post-card{border-radius:10px;margin: 15px 0;}
.post-card .post-thumb {
overflow: hidden;
}
.post-card .post-thumb img {
width: 100%;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.post-card .post-content-wrap {
border:1px solid #dfdfdf;
transition: all 0.3s ease-in-out;
}
.post-card .post-bottom {
padding: 15px 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.post-card .post-bottom .read-more {
font-family: var(--lt-ff-heading);
font-size: 16px;
font-weight: 600;
text-transform: capitalize;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 5px;
-moz-column-gap: 5px;
column-gap: 5px;
}
.post-card .post-bottom .read-more:hover {
color: var(--lt-color-theme-primary);
}
.post-card .post-bottom .post-author {
width: 50px;
height: 50px;
border-radius: 50%;
}
.post-card:hover .post-content-wrap {
-webkit-box-shadow: 0px 16px 40px 0px rgba(15, 27, 36, 0.1);
box-shadow: 0px 16px 40px 0px rgba(15, 27, 36, 0.1);
border: 1px solid transparent;
}
.post-card:hover .post-thumb img {
-webkit-transform: scale(1.03);
transform: scale(1.03);
}

.post-content{padding:15px;border-bottom:1px solid #dfdfdf;}
.post-content .title {
font-size: 24px;
font-weight: 700;
margin-bottom: 0;
line-height: 1.4;
}

.post-content .title a {
background: -webkit-gradient(linear, left top, left bottom, from(var(--lt-color-theme-primary)), color-stop(98%, var(--lt-color-theme-primary)));
background: linear-gradient(var(--lt-color-theme-primary) 0%, var(--lt-color-theme-primary) 98%);
background-size: 0 2px;
background-repeat: no-repeat;
background-position: left 100%;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.post-content .title a:hover {
color: var(--lt-color-theme-primary);
background-size: 100% 2px;
}

.post-meta {list-style: none;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-column-gap: 30px;-moz-column-gap: 30px;column-gap: 30px;-ms-flex-wrap: wrap;flex-wrap: wrap;row-gap: 15px;margin-bottom: 10px;}
.post-meta li {
font-size: 14px;
line-height: 1;
}
.post-meta li i {
margin-right: 10px;
font-size: 12px;
}

.blog-2 .blog-top .section-heading .section-title {
max-width: 600px;
width: 100%;
}


/**----------------------------------------
START: Theme Blog Details CSS
----------------------------------------*/
.blog-details-content {
padding-right: 40px;
}
@media only screen and (max-width: 991px) {
.blog-details-content {
padding-right: 0;
}
}
.blog-details-content .blog-details-img img {
width: 100%;
}
.blog-details-content .blog-title-content .details-title {font-size: 28px;font-weight: 600;margin-bottom: 10px;line-height: 36px;}
@media only screen and (max-width: 991px) {
.blog-details-content .blog-title-content .details-title {
font-size: 30px;
}
}
.blog-details-content blockquote{
background: var(--lt-color-common-white);
-webkit-box-shadow: 0px 16px 40px 0px rgba(15, 27, 36, 0.1), 4px 0px 0px 0px #115a3d inset;
box-shadow: 0px 16px 40px 0px rgba(15, 27, 36, 0.1), 4px 0px 0px 0px #115a3d inset;
padding: 40px;
font-size: 16px;
font-weight: 500;
color: var(--lt-color-text-body);
margin: 30px 0 40px 0;
word-wrap: break-word;
}
.blog-details-content blockquote h2{font-weight: 500;font-size: 24px;}
/*
.blog-details-content blockquote ul{margin:15px 0;padding:0 0 0 20px;}
.blog-details-content blockquote ul li{list-style:disc;}
*/

.blog-details-content blockquote span {
font-family: var(--lt-ff-heading);
color: var(--lt-color-heading-primary);
font-weight: 700;
display: block;
font-style: normal;
padding-left: 30px;
margin-top: 20px;
position: relative;
line-height: 1;
}
.blog-details-content blockquote span:before {
background-color: var(--lt-color-theme-primary);
content: "";
width: 20px;
height: 2px;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.blog-details-content .details-video-content {
margin-bottom: 60px;
}
@media only screen and (max-width: 991px) {
.blog-details-content .details-video-content {
margin-bottom: 40px;
}
}
.blog-details-content .details-video-content .details-video-thumb {
position: relative;
margin-bottom: 30px;
}
.blog-details-content .details-video-content .details-video-thumb img {
width: 100%;
}
.blog-details-content .details-video-content .details-video-thumb a {
background-color: #CD201F;
font-size: 20px;
color: var(--lt-color-common-white);
padding: 15px 35px;
border-radius: 5px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.blog-details-content .details-video-content .title {
font-weight: 700;
margin-bottom: 15px;
}
.blog-details-content .layout-social-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
row-gap: 20px;
}
.blog-details-content .layout-social-box .box-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.blog-details-content .layout-social-box .box-left .tag {
font-size: 18px;
font-weight: 700;
margin-bottom: 0;
margin-right: 15px;
}
.blog-details-content .layout-social-box .box-left ul {
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
row-gap: 10px;
}
.blog-details-content .layout-social-box .box-left ul li:not(:last-of-type) {
margin-right: 10px;
}
.blog-details-content .layout-social-box .box-left ul li a {
background-color: var(--lt-color-grey-1);
font-family: var(--lt-ff-heading);
font-size: 14px;
font-weight: 500;
padding: 7px 20px;
color: var(--lt-color-heading-primary);
}
.blog-details-content .layout-social-box .box-left ul li a:hover {
background-color: var(--lt-color-theme-primary);
color: var(--lt-color-common-white);
}
.blog-details-content .layout-social-box .box-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 15px;
-moz-column-gap: 15px;
column-gap: 15px;
}
.blog-details-content .layout-social-box .box-right .share {
font-size: 18px;
font-weight: 700;
margin-bottom: 0;
}
.blog-details-content .layout-social-box .box-right .social-list {
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
}
.blog-details-content .layout-social-box .box-right .social-list li a {
background-color: #2E4E9C;
font-size: 16px;
color: var(--lt-color-common-white);
width: 40px;
height: 40px;
display: block;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
}
.blog-details-content .layout-social-box .box-right .social-list li:nth-child(2) a {
background-color: #229EF2;
}
.blog-details-content .layout-social-box .box-right .social-list li:nth-child(3) a {
background-color: #0681BA;
}
.blog-details-content .layout-social-box .box-right .social-list li:nth-child(4) a {
background-color: #EB044F;
}
.blog-details-content .next-prev-post {
background-color: var(--lt-color-grey-1);
padding: 40px;
margin: 50px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
}
.blog-details-content .next-prev-post:before {
background: rgba(15, 27, 36, 0.1);
content: "";
height: 60px;
width: 1px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media only screen and (max-width: 767px) {
.blog-details-content .next-prev-post:before {
display: none;
}
}
@media only screen and (max-width: 767px) {
.blog-details-content .next-prev-post {
padding: 40px 20px;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
}
}
.blog-details-content .next-prev-post .post-wrap .post-btn {
font-size: 14px;
background-color: var(--lt-color-common-white);
padding: 5px 20px;
display: inline-block;
margin-bottom: 10px;
}
.blog-details-content .next-prev-post .post-wrap .post-btn:hover {
background-color: var(--lt-color-theme-primary);
color: var(--lt-color-common-white);
}
.blog-details-content .next-prev-post .post-wrap .post-title {
font-size: 15px;
font-weight: 600;
color: var(--lt-color-heading-primary);
display: block;
}
.blog-details-content .next-prev-post .post-wrap.next-post {
text-align: right;
}
.blog-details-content .comment-area {
margin-bottom: 40px;
}
.blog-details-content .comment-area .comment-title {
font-size: 24px;
font-weight: 700;
margin-bottom: 30px;
}
.blog-details-content .comment-area .comment-item {
background-color: var(--lt-color-grey-1);
display: grid;
grid-gap: 30px;
padding: 30px;
}
.blog-details-content .comment-area .comment-item:not(:last-of-type) {
margin-bottom: 30px;
}
.blog-details-content .comment-area .comment-item.item-2 {
margin-left: 75px;
}
@media only screen and (max-width: 767px) {
.blog-details-content .comment-area .comment-item.item-2 {
margin-left: 30px;
}
}
.blog-details-content .comment-area .comment-item .comment-thumb img {
width: 50px;
height: 50px;
border-radius: 50%;
}
.blog-details-content .comment-area .comment-item .comment-info .author {
font-size: 16px;
font-weight: 600;
margin-bottom: 15px;
}
.blog-details-content .comment-area .comment-item .comment-info .author span {
font-family: var(--lt-ff-p);
font-size: 14px;
color: var(--lt-color-text-body);
display: block;
font-weight: 400;
margin-top: 10px;
}
.blog-details-content .comment-area .comment-item .comment-info p {
font-size: 14px;
max-width: 485px;
width: 100%;
}
.blog-details-content .comment-area .comment-item .comment-info .reply {
border: 1px solid var(--lt-color-border-1);
font-size: 13px;
padding: 8px 20px;
display: inline-block;
line-height: 1;
}
.blog-details-content .comment-area .comment-item .comment-info .reply:hover {
background-color: var(--lt-color-theme-primary);
border: 1px solid var(--lt-color-theme-primary);
color: var(--lt-color-common-white);
}
.blog-details-content .blog-form-wrap .form-title {
font-size: 24px;
font-weight: 700;
margin-bottom: 15px;
}
.blog-details-content .blog-form-wrap p {
margin-bottom: 20px;
}
.blog-details-content .blog-form-wrap .form-group .form-control {
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid var(--lt-color-border-1);
padding: 15px;
margin-bottom: 20px;
border-radius: 0;
}
.blog-details-content .blog-form-wrap .form-group .form-control::-webkit-input-placeholder {
color: var(--lt-color-heading-primary);
font-size: 14px;
font-weight: 500;
}
.blog-details-content .blog-form-wrap .form-group .form-control:-moz-placeholder {
color: var(--lt-color-heading-primary);
font-size: 14px;
font-weight: 500;
}
.blog-details-content .blog-form-wrap .form-group .form-control::-moz-placeholder {
color: var(--lt-color-heading-primary);
font-size: 14px;
font-weight: 500;
}
.blog-details-content .blog-form-wrap .form-group .form-control:-ms-input-placeholder {
color: var(--lt-color-heading-primary);
font-size: 14px;
font-weight: 500;
}

.sidebar-widget{background:#f9f9f9;padding:30px;}
.sidebar-widget .widget-title {font-size: 20px;font-weight: 600;margin-bottom: 30px;}
.blog-title-content h2{font-weight: 500;font-size: 24px;}
.bg_green{color: #000;background:rgb(21 90 62 / 20%);display: inline-block;padding: 0 10px;border-radius: 5px;}
.sidebar-widget .sidebar-post {
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
grid-gap: 10px;
}
.sidebar-widget .sidebar-post:not(:last-of-type) {
  margin-bottom: 15px;
}
.sidebar-widget .sidebar-post .post-content {
  padding: 0;
  border: none;
}
.sidebar-widget .sidebar-post .post-content .post-meta {
  margin-bottom: 10px;
}
.sidebar-widget .sidebar-post .post-content .title {
  font-size: 16px;
  margin-bottom: 0;
}

/** project-section **/
.project-section {
    position: relative;
    padding: 110px 0
}

.project-section .title-box {
    position: relative;
    display: block;
    margin-bottom: 44px
}

.project-section .title-box h6 {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    padding-top: 22px;
    margin-bottom: 9px
}

.project-section .title-box h6:before {
    position: absolute;
    content: '';
    background: #6bc7f2;
    height: 3px;
    width: 30px;
    left: 50%;
    transform: translateX(-50%);
    top: 0
}

.project-section .title-box h2 {
    font-weight: 700;
    line-height: 42px;
    margin-bottom: 17px
}

.project-section .masonry-item {
    padding: 0
}

.project-block-one .inner-box {
    position: relative;
    display: block
}

.project-block-one .inner-box .image-box {
    position: relative;
    display: block;
    overflow: hidden;
    background: #000
}

.project-block-one .inner-box .image-box img {
    width: 100%;
    transition: all 500ms ease
}

.project-block-one .inner-box:hover .image-box img {
    opacity: .2
}

.project-block-one .inner-box .content-box {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    padding: 15px
}

.project-block-one .inner-box .content-box .view-btn {
    position: relative;
    margin-bottom: 33px;
    transform: translateY(-15px);
    transition: all 500ms ease
}

.project-block-one .inner-box:hover .content-box .view-btn {
    transform: translateY(0px)
}

.project-block-one .inner-box .content-box .view-btn a {
    position: relative;
    display: inline-block;
    font-size: 30px;
    line-height: 30px;
    color: #6bc7f2;
    opacity: 0
}

.project-block-one .inner-box .content-box .view-btn a:hover {
    color: #fff
}

.project-block-one .inner-box:hover .content-box .view-btn a {
    opacity: 1
}

.project-block-one .inner-box .content-box .box h3 {
    position: relative;
    display: block;

    font-size: 24px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 7px
}

.project-block-one .inner-box .content-box .box a {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 26px;
    font-family: 'Poppins',sans-serif;
    color: #6bc7f2;
    font-weight: 600;
    margin: 0
}

.project-block-one .inner-box .content-box .box a:hover {
    text-decoration: underline
}

.project-block-one .inner-box .content-box .box {
    position: relative;
    transform: translateY(15px);
    opacity: 0;
    transition: all 500ms ease
}

.project-block-one .inner-box:hover .content-box .box {
    opacity: 1;
    transform: translateY(0px)
}

.project-section .filters {
    position: relative;
    display: block;
    margin-bottom: 60px
}

.project-section .filters .filter-btns li {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    font-family: 'Poppins',sans-serif;
    font-weight: 500;
    color: #222;
    text-transform: uppercase;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    text-align: center;
    padding: 7px 30px;
    cursor: pointer;
    margin: 0 5px;
    transition: all 500ms ease
}

.project-section .filters .filter-btns li.active,.project-section .filters .filter-btns li:hover {
    color: #fff;
    background: #14437b;
    border-color: #14437b
}

/** feature-style-four **/
.feature-style-four {
    position: relative;
    padding: 110px 0
}

.feature-style-four .inner-box h2 {
    position: relative;
    font-size: 36px;
    line-height: 43px;
    font-weight: 700;
    margin-bottom: 51px;
    padding-top: 22px
}

.feature-style-four .inner-box h2:before {
    position: absolute;
    content: '';
    background: #6bc7f2;
    height: 3px;
    width: 30px;
    left: 0;
    top: 0
}

.feature-style-four .inner-box .image-box {
    position: relative;
    display: block;
    border-radius: 5px
}

.feature-style-four .inner-box .image-box img {
    width: 100%;
    border-radius: 5px
}

.feature-style-four .inner-box {
    position: relative;
    display: block;
    margin-right: 10px
}

.feature-style-four .content-box .single-item {
    position: relative;
    padding: 3px 0 0 130px;
    margin-bottom: 82px
}

.feature-style-four .content-box .single-item:last-child {
    margin-bottom: 0
}

.feature-style-four .content-box .single-item .icon-box {
    position: absolute;
    left: 0;
    top: 0;
    background: transparent;
    width: 100px;
    height: 100px;
    line-height: 100px;
    border: 1px solid #e8e8e8;
    border-radius: 50%;
    text-align: center;
    transition: all 500ms ease
}

.feature-style-four .content-box .single-item:hover .icon-box {
    background: #14437b;
    border-color: #14437b
}

.feature-style-four .content-box .single-item .icon-box:before {
    position: absolute;
    content: '';
    border: 1px dashed #000;
    width: 1px;
    height: 65px;
    left: 50%;
    bottom: -100%;
    margin-left: 0;
    margin-bottom: 14px
}

.feature-style-four .content-box .single-item:last-child .icon-box:before {
    display: none
}

.feature-style-four .content-box .single-item .icon-box i:before {
    position: relative;
    font-size: 45px;
    color: #6bc7f2;
    margin: 0;
    transition: all 500ms ease
}

.feature-style-four .content-box .single-item:hover .icon-box i:before {
    color: #fff
}

.feature-style-four .content-box .single-item p {
    margin: 0
}

.feature-style-four .content-box .single-item h4 {
    margin-bottom: 9px
}

.feature-style-four .content-box {
    position: relative;
    display: block;
    margin-left: 40px
}

/** feature-style-five **/
.feature-style-five {
    position: relative;
    padding: 110px 0;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed
}

.feature-style-five:before {

    position: absolute;
    content: '';
    background: #222;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    opacity: .5
}

.ml-10 {
    margin-left: 10px
}

.mr-10 {
    margin-right: 10px
}

.feature-style-five .inner-box .image-box {
    position: relative;
    display: block;
    border-radius: 5px
}

.feature-style-five .inner-box .image-box img {
    width: 100%;
    border-radius: 5px
}

.feature-style-five .content-box {
    position: relative;
    display: block;
    background: #fff;
    padding: 60px 65px 56px 60px;
    border-radius: 5px;
    margin-top: 30px;
    margin-bottom: 60px;
    z-index: 1
}

.feature-style-five .inner-box:first-child .content-box {
    margin-right: -85px
}

.feature-style-five .inner-box:last-child .content-box {
    margin-left: -85px;

    margin-bottom: 0
}

.feature-style-five .content-box h2 {
    font-size: 36px;
    font-weight: 700;
    line-height: 43px;
    padding-top: 22px;
    margin-bottom: 17px
}

.feature-style-five .content-box h2:before {
    position: absolute;
    content: '';
    background: #6bc7f2;
    height: 3px;
    width: 30px;
    left: 0;
    top: 0
}

.feature-style-five .content-box p {
    margin-bottom: 18px
}

.feature-style-five .content-box a {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    font-family: 'Poppins',sans-serif;
    color: #6bc7f2;
    border-bottom: 1px solid #6bc7f2
}

.feature-style-five .content-box a:hover {
    color: #14437b;
    border-color: #14437b
}

.call-to-action.alternet-2:before {
    background: #14437b;
    opacity: .95
}

.main-footer .gallery-widget .image-list li {
    position: relative;
    display: inline-block;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 5px;
    background: #6bc7f2;
    overflow: hidden
}

.main-footer .gallery-widget .image-list li img {
    width: 100%;
    border-radius: 5px;
    transition: all 500ms ease
}

.main-footer .gallery-widget .image-list li:hover img {
    opacity: .2
}

.main-footer.alternet-2 .footer-top .newsletter-widget .newsletter-form .form-group button {
    color: #222
}

.main-footer.alternet-2 .footer-top .newsletter-widget .footer-social li a {
    border-radius: 5px
}

.main-footer.alternet-2 .footer-top .newsletter-widget .footer-social li a:hover {
    color: #222;
    background: #6bc7f2
}

/*** 

====================================================================
                        Home-Page-Four
====================================================================

***/
/** header-style-four **/
.main-header.style-four .header-top {
    background: #f3f5f9
}

.main-header.style-four .header-top .inner-container {
    border-bottom: none;
    padding: 2.5px 0
}

.main-header.style-four .header-top .right-column .info li {
    position: relative;
    display: inline-block;
    margin: 0 10px
}

.main-header.style-four .header-top .right-column .info li a {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
    color: #222;
    border-bottom: 1px solid #222
}

.main-header.style-four .header-top .right-column .info li a:hover {
    color: #fe3888;
    border-color: #fe3888
}

.main-header.style-four .header-top .right-column .info {
    position: relative;
    margin-right: 35px;
    margin-top: 8px
}

.main-header.style-four .header-top .social li {
    margin-right: 18px
}

.main-header.style-four .header-top .social li:last-child {
    margin-right: 0
}

.main-header.style-four .header-top .social li a {
    width: auto;
    height: auto;
    line-height: auto;
    background: transparent;
    font-size: 16px;
    color: #222
}

.main-header.style-four .header-top .social li a:hover {
    background: transparent;
    color: #fe3888
}

.main-header.style-four .header-top .left-column li {
    margin-top: 9px
}

.theme-btn.style-two {
    position: relative;
    border-radius: 0;
    background: #fe3888
}

.theme-btn.style-two:before {
    position: absolute;
    content: '';
    background: #fff;
    width: 8px;
    height: 8px;
    left: 3px;
    top: 3px;
    clip-path: polygon(0% 0%,100% 0%,0% 100%,0% 100%,0% 0%)
}

/** slider-style-four **/
.main-slider.style-four {
    position: relative
}

.main-slider.style-four .content h1 {
    padding-top: 20px;
    line-height: 63px
}

.main-slider.style-four .content h1:before {
    position: absolute;
    content: '';
    background: #fe3888;
    width: 80px;
    height: 2px;
    left: 0;
    top: 0
}

.main-slider.style-four .text {
    margin-bottom: 41px
}

.main-slider.style-four .content .btn-style-one {
    padding: 15px 38px;
    text-transform: capitalize
}

.main-slider.style-four .content .btn-style-one:before {
    position: absolute;
    content: '';
    background: #fe3888;
    width: 8px;
    height: 8px;
    left: 3px;
    top: 3px;
    clip-path: polygon(0% 0%,100% 0%,0% 100%,0% 100%,0% 0%)
}

.main-slider.style-four .slide {
    padding: 150px 0 245px
}

.main-slider.style-four .slide:before {
    background: #000b5b;
    opacity: .5
}

/** about-style-three **/
.about-style-three {
    position: relative;
    padding: 100px 0 80px
}

.about-style-three .inner .single-item {
    position: relative;
    display: block;
    background: #f3f5f9;
    margin-bottom: 20px;
    text-align: center;
    border-bottom: 2px solid #00359f;
    padding: 42px 20px 33px;
    transition: all 900ms ease
}

.about-style-three .inner .single-item:hover {
    border-color: #fe3888
}

.about-style-three .inner .single-item:before {
    position: absolute;
    content: '';
    background: #fe3888;
    width: 100%;
    height: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    transition: all 500ms ease
}

.about-style-three .inner .single-item:hover:before {
    height: 100%;
    opacity: 1;
    top: 0
}

.about-style-three .inner .single-item:after {
    position: absolute;
    content: '';
    background: #fe3888;
    width: 12px;
    height: 12px;
    left: 5px;
    top: 5px;
    clip-path: polygon(0% 0%,100% 0%,0% 100%,0% 100%,0% 0%);
    transition: all 500ms ease
}

.about-style-three .inner .single-item:hover:after {
    background: #fff
}

.about-style-three .inner .single-item .icon-box {
    position: relative;
    margin-bottom: 23px
}

.about-style-three .inner .single-item .icon-box i:before {
    font-size: 70px;
    line-height: 70px;
    margin: 0;
    color: transparent!important;
    background: -webkit-linear-gradient(-90deg,#01369f,#5382e1 100%);
    -webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent!important;
    transition: all 500ms ease
}

.about-style-three .inner .single-item:hover .icon-box i:before {
    background: -webkit-linear-gradient(-90deg,#fff,#fff 100%)
}

.about-style-three .inner-box .single-column {
    padding: 0 10px
}

.about-style-three .inner .single-item h3 {
    font-size: 22px;
    font-weight: 500;
    margin: 0;
    transition: all 500ms ease
}

.about-style-three .inner .single-item:hover h3 {
    color: #fff
}

.about-style-three .inner-box {
    position: relative;
    margin: 0 5px;
    padding-right: 40px
}

.about-style-three .inner-box .single-column:last-child {
    padding-top: 70px
}

.about-style-three .content-box h2 {
    position: relative;
    display: block;
    font-size: 40px;
    line-height: 48px;
    font-weight: 600;
    padding-top: 21px;
    margin-bottom: 18px
}

.about-style-three .content-box h2:before {
    position: absolute;
    content: '';
    background: #fe3888;
    width: 80px;
    height: 2px;
    left: 0;
    top: 0
}

.about-style-three .content-box .text {
    position: relative;
    display: block;
    margin-bottom: 28px
}

.about-style-three .content-box .text p {
    margin-bottom: 26px
}

.about-style-three .content-box .text p:last-child {
    margin-bottom: 0
}

.about-style-three .content-box .list-item li {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 26px;
    font-family: 'Poppins',sans-serif;
    color: #00359f;
    margin-bottom: 10px;
    padding-left: 25px
}

.about-style-three .content-box .list-item li:before {
    position: absolute;
    content: "\f00c";
    font-size: 14px;
    color: #fe3888;
    top: 0;
    left: 0;
    font-family: 'Font Awesome 5 Free';
    font-weight: 700
}

/** service-style-three **/
.service-style-three {
    position: relative;
    padding: 93px 0 50px;
    background: #032d8f
}

.service-style-three .title-box span {
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 24px;
    font-family: 'Poppins',sans-serif;
    color: #fff;
    text-transform: uppercase;
    padding-bottom: 20px;
    margin-bottom: 19px
}

.service-style-three .title-box span:before {
    position: absolute;
    content: '';
    background: #fe3888;
    width: 80px;
    height: 2px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0
}

.service-style-three .title-box h2 {
    font-size: 40px;
    line-height: 48px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 18px
}

.service-style-three .title-box p {
    color: #fff;
    margin: 0
}

.service-style-three .title-box {
    position: relative;
    display: block;
    margin-bottom: 56px
}

.service-style-three .bg-layer {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat
}

.service-block-three .inner-box {
    position: relative;
    display: block;
    padding: 0 30px;
    margin-bottom: 55px
}

.service-block-three .inner-box .icon-box {
    position: relative;
    min-height: 34px;
    display: inline-block;
    margin-bottom: 23px;
    transition: all 500ms ease
}

.service-block-three .inner-box:hover .icon-box {
    transform: rotateY(360deg)
}

.service-block-three .inner-box h3 {
    position: relative;
    display: block;
    font-size: 24px;
    margin-bottom: 4px
}

.service-block-three .inner-box h3 a {
    display: inline-block;
    font-size: 24px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 10px
}

.service-block-three .inner-box h3 a:hover {
    color: #fe3888
}

.service-block-three .inner-box p {
    color: #fff;
    margin-bottom: 24px
}

.service-block-three .inner-box .link a {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
    color: #6bc7f2;
    font-weight: 600;
    border-bottom: 1px solid #377bc2
}

.service-block-three .inner-box .link a:hover {
    color: #fe3888;
    border-color: #fe3888
}

.service-block-three .inner-box .link a:before {
    position: absolute;
    content: '';
    background: #fe3888;
    width: 8px;
    height: 8px;
    right: -14px;
    bottom: 0;
    clip-path: polygon(0% 100%,100% 0%,100% 100%,0% 100%,0% 0%);
    transition: all 500ms ease
}

.service-block-three .inner-box .link a:hover:before {
    transform: rotate(-45deg);
    bottom: 3px
}

/** advice-section **/
.advice-section {
    position: relative;
    padding: 100px 0 6px
}

.advice-section:after {
    position: absolute;
    content: '';
    background: #dde3f0;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0
}

.advice-section:before {
    position: absolute;
    content: '';
    background: #f3f5f9;
    width: 100%;
    height: 590px;
    left: 0;
    top: 470px;
    right: 0
}

.advice-section .title-box {
    position: relative;
    margin-bottom: 50px
}

.advice-section .title-box h2 {
    position: relative;
    font-size: 40px;
    line-height: 48px;
    font-weight: 600;
    margin: 0;
    padding-top: 21px
}

.advice-section .title-box h2:before {
    position: absolute;
    content: '';
    background: #fe3888;
    width: 80px;
    height: 2px;
    left: 0;
    top: 0
}

.advice-section .single-item {
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 70px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    z-index: 1
}

.advice-section .single-item .image-box {
    position: relative;
    display: block
}

.advice-section .single-item .image-box img {
    width: 100%
}

.advice-section .single-item .lower-content {
    position: relative;
    background: #fff;
    padding: 38px 30px 20px 35px;
    transition: all 500ms ease
}

.advice-section .single-item .lower-content:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #00359f;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.advice-section .single-item:hover .lower-content:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52,1.64,.37,.66);
    transition-timing-function: cubic-bezier(0.52,1.64,.37,.66)
}

.advice-section .single-item .lower-content:after {
    position: absolute;
    content: '';
    background: #fe3888;
    width: 12px;
    height: 12px;
    left: 5px;
    top: 5px;
    clip-path: polygon(0% 0%,100% 0%,0% 100%,0% 100%,0% 0%);
    transition: all 500ms ease;
    opacity: 0
}

.advice-section .single-item:hover .lower-content:after {
    opacity: 1
}

.advice-section .single-item:hover .lower-content {
    padding-bottom: 85px
}

.advice-section .single-item .lower-content h3 {
    margin-bottom: 9px;
    transition: all 500ms ease
}

.advice-section .single-item:hover .lower-content h3 a,.advice-section .single-item:hover .lower-content p {
    color: #fff
}

.advice-section .single-item .lower-content p {
    margin-bottom: 21px;
    transition: all 500ms ease
}

.advice-section .single-item .lower-content .btn-box {
    position: absolute;
    left: 35px;
    bottom: -50px;
    transition: all 500ms ease
}

.advice-section .single-item:hover .lower-content .btn-box {
    bottom: 38px
}

.advice-section .single-item .lower-content .btn-box .theme-btn:before {
    display: none
}

.advice-section .single-item .lower-content .btn-box .theme-btn {
    padding: 7px 19px
}

.advice-section .owl-nav {
    position: absolute;
    top: -110px;
    right: -4px
}

.advice-section .owl-nav .owl-prev,.advice-section .owl-nav .owl-next {
    position: relative;
    display: inline-block;
    font-size: 18px;
    color: #222;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 50%;
    cursor: pointer;
    margin: 0 2px;
    transition: all 500ms ease
}

.advice-section .owl-nav .owl-prev:hover,.advice-section .owl-nav .owl-next:hover {
    background: #fe3888;
    border: 1px solid #fe3888!important;
    color: #fff!important
}

/** callus-section **/
.callus-section {
    position: relative
}

.callus-section .inner-container {
    position: relative;
    padding: 81px 0 84px;
    border-bottom: 1px solid #fe3888
}

.callus-section .inner-container .title h2 {
    position: relative;
    font-size: 36px;
    line-height: 42px;
    font-weight: 700;
    margin: 0;
    max-width: 720px
}

.callus-section .inner-container .call-box {
    position: relative;
    padding: 16px 0 18px 95px;
    margin-top: 9px
}

.callus-section .inner-container .call-box .icon-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 70px;
    height: 70px;
    line-height: 70px;
    color: #fff;
    font-size: 30px;
    background: #fe3888;
    border-radius: 50%;
    text-align: center;
    box-shadow: 0 0 0 10px rgba(0,0,0,0.1)
}

.callus-section .inner-container .call-box h3 {
    position: relative;
    font-size: 28px;
    line-height: 35px;
    font-family: 'Poppins',sans-serif;
    font-weight: 400;
    color: #00359f;
    margin: 0
}

.callus-section .inner-container .call-box h3 a {
    font-weight: 700;
    color: #00359f
}

.callus-section .inner-container .call-box h3 a:hover {
    color: #fe3888
}

/** world-cyber **/
.world-cyber {
    position: relative;
    padding: 100px 0;
    position: relative;
    display: block
}

.world-cyber .office-location {
    position: relative;
    display: block;
    min-height: 540px
}

.world-cyber .office-location .pattern-layer {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center
}

.world-cyber .office-location .location-area {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    min-height: 540px
}

.world-cyber .office-location .location-area .location-box {
    position: absolute;
    left: 165px;
    top: 90px;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    cursor: pointer;
    transition: all 500ms ease
}

.world-cyber .office-location .location-area .location-box:before {
    position: absolute;
    content: '';
    background: #fe3888;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    left: 5px;
    top: 5px;
    transition: all 500ms ease
}

.world-cyber .office-location .location-area .location-box:hover:before {
    background: #00359f
}

.world-cyber .office-location .location-area .location-box .address-box {
    position: absolute;
    left: -95px;
    bottom: 40px;
    width: 210px;
    background: #00359f;
    padding: 10px 15px 15px;
    text-align: center;
    transform: translateY(-15px);
    opacity: 0;
    visibility: hidden;
    transition: all 500ms ease
}

.world-cyber .office-location .location-area .location-box:hover .address-box {
    transform: translateY(0px);
    opacity: 1;
    visibility: visible
}

.world-cyber .office-location .location-area .location-box .address-box:before {
    position: absolute;
    content: '';
    background: #00359f;
    width: 20px;
    height: 20px;
    left: 50%;
    margin-left: -10px;
    transform: rotate(45deg);
    bottom: -6px
}

.world-cyber .office-location .location-area .location-box .address-box p {
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    margin: 0
}

.world-cyber .office-location .location-area .location-box:nth-child(2) {
    position: absolute;
    left: 230px;
    top: 135px
}

.world-cyber .office-location .location-area .location-box:nth-child(3) {
    position: absolute;
    left: 265px;
    top: 310px
}

.world-cyber .office-location .location-area .location-box:nth-child(4) {
    position: absolute;
    left: 345px;
    top: 355px
}

.world-cyber .office-location .location-area .location-box:nth-child(5) {
    position: absolute;
    left: 290px;
    top: 435px
}

.world-cyber .office-location .location-area .location-box:nth-child(6) {
    position: absolute;
    left: 645px;
    top: 70px
}

.world-cyber .office-location .location-area .location-box:nth-child(7) {
    position: absolute;
    left: 555px;
    top: 105px
}

.world-cyber .office-location .location-area .location-box:nth-child(8) {
    position: absolute;
    left: 490px;
    top: 220px
}

.world-cyber .office-location .location-area .location-box:nth-child(9) {
    position: absolute;
    left: 625px;
    top: 305px
}

.world-cyber .office-location .location-area .location-box:nth-child(10) {
    position: absolute;
    left: 600px;
    top: 395px
}

.world-cyber .office-location .location-area .location-box:nth-child(11) {
    position: absolute;
    left: 730px;
    top: 165px
}

.world-cyber .office-location .location-area .location-box:nth-child(12) {
    position: absolute;
    left: 765px;
    top: 75px
}

.world-cyber .office-location .location-area .location-box:nth-child(13) {
    position: absolute;
    left: 915px;
    top: 45px
}

.world-cyber .office-location .location-area .location-box:nth-child(14) {
    position: absolute;
    left: 855px;
    top: 140px
}

.world-cyber .office-location .location-area .location-box:nth-child(15) {
    position: absolute;
    left: 885px;
    top: 300px
}

.world-cyber .office-location .location-area .location-box:nth-child(16) {
    position: absolute;
    left: 905px;
    top: 385px
}

.world-cyber .office-location .location-area .location-box:last-child {
    position: absolute;
    left: 985px;
    top: 405px
}

.theme-btn.style-three {
    position: relative;
    border-radius: 0;
    background: #00359f
}

.theme-btn.style-three:before {
    position: absolute;
    content: '';
    background: #fff;
    width: 8px;
    height: 8px;
    left: 3px;
    top: 3px;
    clip-path: polygon(0% 0%,100% 0%,0% 100%,0% 100%,0% 0%)
}

.world-cyber .content-box {
    position: relative;
    display: block;
    max-width: 850px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-top: 50px
}

.world-cyber .content-box h1 {
    position: relative;
    display: block;
    font-size: 48px;
    line-height: 58px;
    font-weight: 500;
    padding-top: 18px;
    margin-bottom: 27px
}

.world-cyber .content-box h1:before {
    position: absolute;
    content: '';
    background: #fe3888;
    width: 80px;
    height: 2px;
    left: 50%;
    transform: translateX(-50%);
    top: 0
}

.world-cyber .content-box p {
    margin-bottom: 46px
}

.world-cyber .content-box .btn-box .theme-btn {
    position: relative;
    display: inline-block;
    margin: 0 6px;
    padding: 13px 29px
}

/** works-section **/
.works-section {
    position: relative;
    background: #161d52;
    overflow: hidden;
    padding: 133px 0 144px
}

.works-section .pattern-layer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 708px;
    height: 437px;
    background-repeat: no-repeat
}

.works-section .image-layer {
    position: absolute;
    top: 0;
    right: 0
}

.works-section .content-box {
    position: relative;
    margin-left: 100px;
    max-width: 530px;
    width: 100%
}

.works-section .content-box h6 {
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 24px;
    font-family: 'Poppins',sans-serif;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    padding-bottom: 20px;
    margin-bottom: 17px
}

.works-section .content-box h6:before {
    position: absolute;
    content: '';
    background: #fe3888;
    width: 80px;
    height: 2px;
    left: 0;
    bottom: 0
}

.works-section .content-box h2 {
    font-size: 40px;
    line-height: 48px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 17px
}

.works-section .content-box p {
    color: #fff;
    margin-bottom: 30px
}

.works-section .content-box .video-btn a {
    position: relative;
    display: inline-block;
    padding: 0 0 0 40px
}

.works-section .content-box .video-btn a:before {
    position: absolute;
    content: '';
    background: #fe3888;
    width: 8px;
    height: 8px;
    right: -14px;
    bottom: 5px;
    clip-path: polygon(0% 100%,100% 0%,100% 100%,0% 100%,0% 0%);
    transition: all 500ms ease
}

.works-section .content-box .video-btn a:hover:before {
    transform: rotate(-45deg);
    bottom: 8px
}

.works-section .content-box .video-btn a span {
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: #6bc7f2;
    line-height: 18px;
    border-bottom: 1px solid #6bc7f2;
    transition: all 500ms ease
}

.works-section .content-box .video-btn a:hover span {
    color: #fe3888;
    border-color: #fe3888
}

.works-section .content-box .video-btn a i {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #fff;
    color: #fe3888;
    border-radius: 50%;
    text-align: center;
    font-size: 14px
}

/** team-style-two **/
.team-style-two {
    position: relative;
    padding: 93px 0 100px
}

.team-style-two .title-box h6 {
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 24px;
    font-family: 'Poppins',sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    padding-bottom: 20px;
    margin-bottom: 19px
}

.team-style-two .title-box h6:before {
    position: absolute;
    content: '';
    background: #fe3888;
    width: 80px;
    height: 2px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0
}

.team-style-two .title-box h2 {
    font-size: 40px;
    line-height: 48px;
    font-weight: 700;
    margin-bottom: 18px
}

.team-style-two .title-box p {
    margin: 0
}

.team-style-two .title-box {
    position: relative;
    display: block;
    margin-bottom: 56px
}

.team-style-two .overlay-box .image-box .overlay:before {
    opacity: .9;
    background: -webkit-linear-gradient(-90deg,#01369f,#5382e1 100%)
}

.team-style-two .overlay-box .image-box .overlay .wrapper .list a {
    color: #00359f
}

.team-style-two .overlay-box .image-box .overlay .wrapper .list a:hover {
    background: #fe3888;
    color: #fff
}

.team-style-two .more-btn {
    position: relative;
    display: block;
    margin-top: 60px
}

.team-style-two .more-btn .theme-btn {
    padding: 13px 29px
}

/** cyber-awareness **/
.cyber-awareness {
    position: relative;
    background: #f3f5f9;
    padding: 160px 0 180px
}

.cyber-awareness .inner-content {
    position: relative;
    display: block;
    max-width: 1410px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto
}

.cyber-awareness .content-box h2 {
    position: relative;
    display: block;
    font-size: 40px;
    line-height: 48px;
    font-weight: 600;
    margin-bottom: 18px;
    padding-top: 20px
}

.cyber-awareness .content-box h2:before {
    position: absolute;
    content: '';
    background: #fe3888;
    width: 80px;
    height: 2px;
    left: 0;
    top: 0
}

.cyber-awareness .content-box p {
    margin: 0
}

.cyber-awareness .inner-box .single-item {
    position: relative;
    display: block;
    background: #00359f;
    padding: 38px 35px 0;
    transition: all 500ms ease
}

.cyber-awareness .inner-box .single-column:nth-child(2) .single-item {
    background: #fe3888
}

.cyber-awareness .inner-box .single-item:hover {
    padding-bottom: 35px;
    margin-bottom: -42px
}

.cyber-awareness .inner-box .single-item .icon-box {
    position: relative;
    display: inline-block;
    color: #fff;
    margin-bottom: 16px
}

.cyber-awareness .inner-box .single-item .icon-box i:before {
    font-size: 70px;
    line-height: 70px;
    margin: 0
}

.cyber-awareness .inner-box .single-item h3 {
    color: #fff;
    line-height: 28px;
    margin-bottom: 11px;
    transition: all 500ms ease
}

.cyber-awareness .inner-box .single-item:hover h3 {
    margin-bottom: 16px
}

.cyber-awareness .inner-box .single-item a {
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: #6bc7f2;
    line-height: 18px;
    border-bottom: 1px solid #6bc7f2;
    transition: all 500ms ease;
    opacity: 0
}

.cyber-awareness .inner-box .single-item:hover a {
    opacity: 1
}

.cyber-awareness .inner-box .single-item a:before {
    position: absolute;
    content: '';
    background: #fe3888;
    width: 8px;
    height: 8px;
    right: -14px;
    bottom: 0;
    clip-path: polygon(0% 100%,100% 0%,100% 100%,0% 100%,0% 0%);
    transition: all 500ms ease
}

.cyber-awareness .inner-box .single-item a:hover:before {
    transform: rotate(-45deg);
    bottom: 3px
}

.cyber-awareness .inner-box .single-column:nth-child(2) .single-item a {
    color: #fff;
    border-color: #fff
}

.cyber-awareness .inner-box .single-column:nth-child(2) .single-item a:before {
    background: #fff
}

.cyber-awareness .inner-box .single-item:after {
    position: absolute;
    content: '';
    background: #fe3888;
    width: 12px;
    height: 12px;
    left: 5px;
    top: 5px;
    clip-path: polygon(0% 0%,100% 0%,0% 100%,0% 100%,0% 0%);
    transition: all 500ms ease
}

.cyber-awareness .inner-box .single-column:nth-child(2) .single-item:after {
    background: #fff
}

.cyber-awareness .inner-box .single-column {
    position: relative;
    padding: 0 5px
}

.cyber-awareness .inner-box {
    position: relative;
    margin: 0 10px;
    padding-left: 80px;
    padding-top: 30px
}

/** counter-style-two **/
.counter-style-two {
    position: relative;
    padding: 118px 0 135px;
    border-bottom: 1px solid #dde3f0
}

.counter-style-two .inner-box {
    position: relative;
    display: block;
    padding: 0
}

.counter-style-two .inner-box:before {
    display: none
}

.counter-style-two .counter-block:last-child .counter-block-two {
    border-right: none
}

.counter-block-two {
    position: relative;
    display: block;
    text-align: left;
    padding: 0 30px 0 50px;
    border-right: 1px solid #dde3f0
}

.counter-block-two h2 {
    position: relative;
    font-size: 40px;
    line-height: 40px;
    font-weight: 400;
    margin-bottom: 19px
}

.counter-block-two .count-outer {
    position: relative;
    display: block;
    font-size: 60px;
    line-height: 60px;
    font-family: 'Poppins',sans-serif;
    font-weight: 600;
    color: #fe3888;
    margin: 0
}

.counter-block-two .count-outer span.text {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 26px;
    font-family: 'Poppins',sans-serif;
    color: #333;
    font-weight: 400;
    margin: 0;
    margin-left: 10px
}

.counter-style-two .image-box {
    position: relative;
    display: block
}

.counter-style-two .image-box .image {
    position: absolute;
    left: 0;
    top: -158px
}

.counter-style-two .image-box .image img {
    width: 100%
}

.main-footer.home-4 {
    position: relative
}

.main-footer.home-4 .footer-top .footer-title h4:before {
    background: #fe3888;
    width: 30px;
    height: 2px
}

.main-footer.home-4 .footer-top .footer-title h4 {
    font-size: 20px;
    font-weight: 500
}

.main-footer.home-4 .footer-top .service-widget .service-list li:before {
    display: none
}

.main-footer.home-4 .footer-top .service-widget .service-list li {
    padding-left: 0
}

.main-footer.home-4 .footer-top .service-widget .service-list li a:hover {
    color: #fe3888
}

.main-footer.home-4 .footer-top .newsletter-widget .footer-social li a {
    background: #021c3b
}

.main-footer.home-4 .footer-top .newsletter-widget .footer-social li a:hover {
    background: #fe3888;
    color: #fff
}

.main-footer.home-4 .footer-top .logo-widget .info-box li a:hover {
    color: #fe3888
}

.main-footer.home-4 .footer-top .newsletter-widget .newsletter-form .form-group input:focus {
    border-color: #fe3888
}

.main-footer.home-4 .footer-top .newsletter-widget .newsletter-form .form-group input:focus + button,.main-footer.home-4 .footer-top .newsletter-widget .newsletter-form .form-group button:hover {
    color: #fe3888!important
}

.main-footer.home-4 .footer-bottom .copyright a:hover {
    color: #fe3888
}

/*** 

====================================================================
                        Home-Page-Five
====================================================================

***/
/** header-style-five **/
.main-header.style-five {
    position: relative
}

.main-header.style-five .header-top {
    box-shadow: none;
    padding: 33px 0
}

.main-header.style-five .header-bottom .nav-outer {
    position: relative;
    padding: 0
}

.main-header.style-five .header-top .right-column .info-box li {
    position: relative;
    display: inline-block;
    padding: 0 0 0 60px;
    margin-right: 35px
}

.main-header.style-five .header-top .right-column .info-box li .icon-box {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 40px;
    line-height: 40px;
    color: #fb6e1a
}

.main-header.style-five .header-top .right-column .info-box li h6 {
    font-size: 14px;
    line-height: 20px;
    color: #0a3390;
    font-weight: 600;
    margin-bottom: 0
}


.main-header.style-five .header-top .right-column .info-box li p {
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    color: #333
}

.main-header.style-five .header-top .right-column .info-box li p a {
    color: #333;
    font-family: 'Poppins',sans-serif
}

.main-header.style-five .header-top .right-column .info-box li p a:hover {
    color: #fb6e1a
}

.main-header.style-five .header-bottom {
    background: #0a3390
}

.main-header.style-five .header-bottom .menu-area {
    float: none
}

.main-header.style-five .main-menu {
    float: left
}

.main-header.style-five .header-bottom .btn-box {
    position: relative;
    float: right
}

.main-header.style-five .main-menu .navigation > li > a {
    padding: 20px 32px 19px;
    border-right: 1px solid rgba(255,255,255,0.2)
}

.main-header.style-five .header-bottom .btn-box .theme-btn {
    overflow: inherit;
    padding: 17px 37px;
    font-size: 18px
}

.theme-btn.style-four {
    background: #fb6e1a;
    border-radius: 0
}

.main-header.style-five .main-menu .navigation > li {
    margin: 0
}

.main-header.style-five .main-menu .navigation > li:first-child > a {
    padding-left: 0
}

.main-header.style-five .main-menu .navigation > li:last-child > a {
    border: none
}

.main-header.style-five .header-bottom .btn-box .theme-btn i {
    position: relative;
    top: 4px;
    font-size: 28px;
    margin-right: 10px
}

/** slider-style-five **/
.main-slider.style-five {
    position: relative
}

.main-slider.style-five .slide {
    padding: 147px 0 224px
}

.main-slider.style-five .slide:before {
    background: rgba(0,0,0,0.5)
}

.main-slider.style-five .content h6 {
    position: relative;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 7px
}

.main-slider.style-five .content h1 {
    font-size: 52px;
    line-height: 60px;
    font-weight: 700;
    margin-bottom: 12px
}

.main-slider.style-five .content .text {
    position: relative;
    display: block;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    font-family: 'Poppins',sans-serif;
    margin-bottom: 41px
}

.main-slider.style-five .content .slider-btn .theme-btn.style-three:before {
    display: none
}

.main-slider.style-five .content .slider-btn .theme-btn {
    font-size: 17px;
    font-weight: 500;
    padding: 15px 32px
}

.main-slider.style-five .content .slider-btn .theme-btn.style-three {
    margin-right: 5px
}

.main-slider.style-five .owl-dots {
    position: relative;
    top: -100px;
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    right: 0;
    transform: translateY(0px);
    margin-top: -26px;
    text-align: left
}

.main-slider.style-five .owl-theme .owl-dots .owl-dot {
    display: inline-block
}

.main-slider.style-five .owl-theme .owl-dots .owl-dot span:before {
    display: none
}

.main-slider.style-five .owl-theme .owl-dots .owl-dot span {
    width: 100px;
    height: 1px;
    display: inline-block;
    background: #fff;
    border: none;
    margin: 0
}

.main-slider.style-five .owl-theme .owl-dots .owl-dot.active span,.main-slider.style-five .owl-theme .owl-dots .owl-dot span:hover {
    background: #fb6e1a
}

/** about-style-four **/
.about-style-four {
    position: relative;
    overflow: hidden;
    padding: 100px 0 120px
}

.about-style-four .upper-box .image-box {
    position: relative;
    display: block
}

.about-style-four .upper-box .image-box img {
    width: 100%
}

.about-style-four .upper-box .content-box {
    position: relative;
    display: block;
    margin-left: 30px;
    padding-right: 60px
}

.about-style-four .upper-box .content-box .title-box h6 {
    position: relative;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #222;
    padding-left: 38px;
    margin-bottom: 10px
}

.about-style-four .upper-box .content-box .title-box h6:before {
    position: absolute;
    content: '';
    background: #fb6e1a;
    width: 30px;
    height: 3px;
    left: 0;
    top: 10px
}

.about-style-four .upper-box .content-box .title-box h2 {
    position: relative;
    font-size: 36px;
    line-height: 46px;
    font-weight: 600;
    margin-bottom: 0
}

.about-style-four .upper-box .content-box .title-box {
    position: relative;
    display: block;
    margin-bottom: 15px
}

.about-style-four .upper-box .content-box .text {
    position: relative;
    display: block;
    margin-bottom: 23px
}

.about-style-four .upper-box .content-box .text p {
    margin: 0
}

.about-style-four .upper-box .content-box .list-item li {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 26px;
    font-family: 'Poppins',sans-serif;
    color: #333;
    margin-bottom: 8px;
    padding-left: 25px
}

.about-style-four .upper-box .content-box .list-item li:last-child {
    margin-bottom: 0
}

.about-style-four .upper-box .content-box .list-item li:before {
    position: absolute;
    content: "\f00c";
    font-size: 14px;
    color: #fb6e1a;
    top: 1px;
    left: 0;
    font-family: 'Font Awesome 5 Free';
    font-weight: 700
}

.about-style-four .upper-box {
    position: relative;
    display: block;
    background: #f8f8f8;
    margin-bottom: 130px
}

.about-style-four .feature-box .feature-block {
    position: relative;
    display: block;
    text-align: center;
    z-index: 1

}

.about-style-four .feature-box .feature-block .icon-box {
    position: relative;
    display: inline-block;
    color: #0a3390;
    margin-bottom: 35px
}

.about-style-four .feature-box .feature-block .icon-box i:before {
    font-size: 70px;
    line-height: 70px;
    margin: 0
}

.about-style-four .feature-box .feature-block h3 {
    position: relative;
    display: block;
    font-size: 30px;
    line-height: 36px;
    font-weight: 500;
    margin-bottom: 11px;
    padding-top: 23px
}

.about-style-four .feature-box .feature-block h3:before {
    position: absolute;
    content: '';
    background: #fb6e1a;
    width: 30px;
    height: 3px;
    left: 50%;
    top: 0;
    transform: translateX(-50%)
}

.about-style-four .feature-box .feature-block p {
    font-size: 14px;
    line-height: 24px;
    font-family: 'Poppins',sans-serif;
    text-transform: uppercase;
    margin: 0
}

.about-style-four .feature-box .feature-column {
    position: relative
}

.about-style-four .feature-box .feature-column:before {
    position: absolute;
    content: '';
    background: #000;
    width: 1px;
    height: 220px;
    top: 0;
    right: 0
}

.about-style-four .feature-box .feature-column:after {
    position: absolute;
    content: '';
    border: 2px dotted #fff;
    right: 0;
    top: 0;
    width: 2px;
    height: 220px
}

.about-style-four .feature-box .feature-column:last-child:before,.about-style-four .feature-box .feature-column:last-child:after {
    display: none
}

.about-style-four .image-layer {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1
}

/** service-style-four **/
.service-style-four {
    position: relative;
    padding: 100px 0 77px;
    border-bottom: 1px solid #ddd
}

.service-style-four:before {
    position: absolute;
    content: '';
    background: #0a3390;
    width: 100%;
    height: 825px;
    left: 0;
    top: 0
}

.service-style-four .title-box {
    position: relative;
    display: block;
    margin-bottom: 56px
}

.service-style-four .title-box h6 {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    font-weight: 400;
    padding-top: 22px;
    margin-bottom: 9px
}

.service-style-four .title-box h6:before {
    position: absolute;
    content: '';
    background: #fb6e1a;
    width: 30px;
    height: 3px;
    left: 50%;
    top: 0;
    transform: translateX(-50%)
}

.service-style-four .title-box h1 {
    position: relative;
    font-size: 48px;
    line-height: 58px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 4px
}

.service-style-four .title-box p {
    color: #fff;
    margin: 0
}

.service-block-four .inner-box {
    position: relative;
    display: block;
    background: #fff;
    text-align: center;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    margin-bottom: 30px
}

.service-block-four .inner-box .image-box {
    position: relative;
    display: block;
    overflow: hidden;
    background: #14437b
}

.service-block-four .inner-box .image-box img {
    width: 100%;
    transition: all 500ms ease
}

.service-block-four .inner-box:hover .image-box img {
    transform: scale(1.05);
    opacity: .2
}

.service-block-four .inner-box .lower-content {
    position: relative;
    padding: 60px 30px 48px
}

.service-block-four .inner-box .lower-content .icon-box {
    position: absolute;
    display: inline-block;
    left: 50%;
    top: -55px;
    transform: translateX(-50%);
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background: #fff;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1)
}

.service-block-four .inner-box .lower-content .icon-box img {
    width: auto;
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease
}

.service-block-four .inner-box:hover .lower-content .icon-box img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%)
}

.service-block-four .inner-box .lower-content h3 {
    position: relative;
    display: block;
    font-size: 22px;
    margin-bottom: 9px
}

.service-block-four .inner-box .lower-content h3 a {
    display: inline-block;
    font-size: 22px
}

.service-block-four .inner-box .lower-content h3 a:hover {
    color: #fb6e1a
}

.service-block-four .inner-box .lower-content p {
    margin-bottom: 19px
}

.service-block-four .inner-box .lower-content .link a {
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    color: #fb6e1a;
    border-bottom: 1px solid #fb6e1a
}

.service-block-four .inner-box .lower-content .link a:hover {
    color: #14437b;
    border-color: #14437b
}

.service-style-four .more-text h4 {
    font-weight: 500
}

.service-style-four .more-text h4 a {
    font-weight: 700;
    color: #0a3390
}

.service-style-four .more-text h4 a:hover {
    color: #fb6e1a
}

.service-style-four .more-text {
    position: relative;
    display: block;
    padding-top: 50px
}

.service-style-four .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%)
}

.service-style-four .owl-theme .owl-controls .owl-nav .owl-prev,.service-style-four .owl-theme .owl-controls .owl-nav .owl-next {
    position: absolute;
    font-size: 18px;
    color: #fff;
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    border-radius: 50%;
    background: rgba(255,255,255,0.15);
    cursor: pointer;
    border: none;
    margin: 0;
    transition: all 500ms ease
}

.service-style-four .owl-theme .owl-controls .owl-nav .owl-prev {
    left: -105px
}

.service-style-four .owl-theme .owl-controls .owl-nav .owl-next {
    right: -105px
}

.service-style-four .owl-theme .owl-controls .owl-nav .owl-prev:hover,.service-style-four .owl-theme .owl-controls .owl-nav .owl-next:hover {
    background: #fb6e1a
}

.service-style-four .owl-theme .owl-controls {
    margin: 0
}

.feature-style-five.alternet-2:before {
    display: none
}

.feature-style-five.alternet-2 .content-box {
    box-shadow: 0 0 20px rgba(0,0,0,0.1)
}

.feature-style-five.alternet-2 .content-box h2:before {
    background: #0a3390
}

.feature-style-five.alternet-2 .content-box h2 {
    font-weight: 600
}

.feature-style-five.alternet-2 .content-box a {
    color: #fb6e1a;
    border-color: #fb6e1a
}

.feature-style-five.alternet-2 .content-box a:hover {
    color: #0a3390;
    border-color: #0a3390
}

/** video-section **/
.video-section {
    position: relative;
    width: 100%;
    padding: 155px 0 135px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed
}

.video-section:before {
    position: absolute;
    content: '';
    background: rgba(0,0,0,0.75);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0
}

.video-section .inner-box .video-btn {
    position: relative;
    display: block;
    margin-bottom: 53px
}

.video-section .inner-box .video-btn a {
    position: relative;
    display: inline-block;
    font-size: 30px;
    color: #fff;
    background: #fb6e1a;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    border-radius: 50%;
    transition: all 500ms ease
}

.video-section .inner-box .video-btn a:after,.video-section .inner-box .video-btn a:before {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
    -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0.6);
    box-shadow: 0 0 0 0 rgba(255,255,255,0.6);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.video-section .inner-box .video-btn a:after {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

@-webkit-keyframes ripple {
    70% {
        -webkit-box-shadow: 0 0 0 40px rgba(255,255,255,0);
        box-shadow: 0 0 0 40px rgba(255,255,255,0)
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0);
        box-shadow: 0 0 0 0 rgba(255,255,255,0)
    }
}

@keyframes ripple {
    70% {
        -webkit-box-shadow: 0 0 0 40px rgba(255,255,255,0);
        box-shadow: 0 0 0 40px rgba(255,255,255,0)
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0);
        box-shadow: 0 0 0 0 rgba(255,255,255,0)
    }
}

.video-section .inner-box h2 {
    position: relative;
    font-size: 52px;
    line-height: 60px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 12px
}

.video-section .inner-box p {
    font-size: 30px;
    line-height: 42px;
    color: #fff;
    margin: 0
}

.project-section.alternet-2 .title-box h2 {
    font-size: 48px;
    line-height: 60px;
    font-weight: 700
}

.project-section.alternet-2 .title-box h6:before {
    background: #fb6e1a

}

.project-section.alternet-2 .filters .filter-btns li {
    color: #0a3390
}

.project-section.alternet-2 .filters .filter-btns li.active,.project-section.alternet-2 .filters .filter-btns li:hover {
    color: #fff;
    background: #fb6e1a;
    border-color: #fb6e1a
}

.project-section.alternet-2 .project-block-one .inner-box .content-box .view-btn a {
    color: #fb6e1a
}

.project-section.alternet-2 .project-block-one .inner-box .content-box .view-btn a:hover {
    color: #fff
}

.project-section.alternet-2 .project-block-one .inner-box .content-box .box a {
    color: #fff;
    border: none;
    font-weight: 400
}

/** testimonial-style-two **/
.testimonial-style-two {
    position: relative;
    padding-bottom: 100px
}

.testimonial-style-two .title-box h6 {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    padding-top: 22px;
    margin-bottom: 12px
}

.testimonial-style-two .title-box h6:before {
    position: absolute;
    content: '';
    background: #fb6e1a;
    height: 3px;
    width: 30px;
    left: 50%;
    transform: translateX(-50%);
    top: 0
}

.testimonial-style-two .title-box h1 {
    position: relative;
    font-size: 48px;
    line-height: 58px;
    font-weight: 600;
    margin: 0
}

.testimonial-style-two .title-box {
    position: relative;
    display: block;
    margin-bottom: 52px
}

.testimonial-style-two .testimonial-content .text {
    position: relative;
    display: block;
    margin-bottom: 38px
}

.testimonial-style-two .testimonial-content .text p {
    font-size: 18px;
    line-height: 36px;
    color: #222;
    font-style: italic;
    margin: 0
}

.testimonial-style-two .testimonial-content {
    position: relative;
    display: block;
    max-width: 910px;
    width: 100%;
    margin: 0 auto;
    text-align: center
}

.testimonial-style-two .testimonial-content .author-info {
    position: relative;
    display: inline-block;
    padding: 8px 0 6px 105px;
    text-align: left
}

.testimonial-style-two .testimonial-content .author-info .image-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 80px;
    border-radius: 50%
}

.testimonial-style-two .testimonial-content .author-info .image-box img {
    width: 100%;
    border-radius: 50%
}

.testimonial-style-two .testimonial-content .author-info h6 {
    font-size: 16px;
    font-weight: 500;
    position: relative;
    line-height: 20px;
    margin-bottom: 0
}

.testimonial-style-two .testimonial-content .author-info .designation {
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #666;
    margin-bottom: 6px
}

.testimonial-style-two .testimonial-content .author-info .rating li {
    position: relative;
    display: inline-block;
    float: left;
    font-size: 10px;
    line-height: 20px;
    color: #ffc139;
    margin-right: 2px
}

.testimonial-style-two .testimonial-content .author-info .rating li:last-child {
    margin-right: 0
}

.testimonial-style-two .owl-theme .owl-dots .owl-dot span {
    position: relative;
    display: inline-block;
    width: 9px;
    height: 9px;
    border: 1px solid #cdcdcd;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    margin: 0 7px;
    transition: all 500ms ease
}

.testimonial-style-two .owl-theme .owl-dots .owl-dot.active span,.testimonial-style-two .owl-theme .owl-dots .owl-dot span:hover {
    border-color: #fb6e1a;
    background: #fb6e1a
}

.testimonial-style-two .owl-theme .owl-controls {
    margin-top: 50px
}

/** form-style-two **/
.form-style-two {
    position: relative;
    width: 100%;
    padding: 100px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed
}

.form-style-two:before {
    position: absolute;
    content: '';
    background: #0a3390;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    opacity: .8
}

.form-style-two .title-box h6 {
    position: relative;
    display: block;
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    padding-top: 22px;
    margin-bottom: 9px
}

.form-style-two .title-box h6:before {
    position: absolute;
    content: '';
    background: #fb6e1a;
    height: 3px;
    width: 30px;
    left: 50%;
    transform: translateX(-50%);
    top: 0
}

.form-style-two .title-box h1 {
    position: relative;
    font-size: 48px;
    line-height: 58px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 4px
}

.form-style-two .title-box p {
    color: #fff;
    margin: 0
}

.form-style-two .title-box {
    position: relative;
    display: block;
    margin-bottom: 56px
}

.form-style-two .form-inner {
    position: relative;
    display: block;
    max-width: 920px;
    width: 100%;
    margin: 0 auto
}

.form-style-two .form-inner .form-group {
    position: relative;
    display: block;
    margin-bottom: 10px;
    padding: 0 5px
}

.form-style-two .form-inner .form-group:last-child {
    margin-bottom: 0
}

.form-style-two .form-inner .form-group input[type='text'],.form-style-two .form-inner .form-group input[type='email'],.form-style-two .form-inner .form-group textarea,.form-style-two .form-group .ui-selectmenu-button.ui-button {
    position: relative;
    width: 100%;
    height: 60px;
    background: #fff;
    text-align: left;
    padding: 10px 20px;
    font-size: 16px;
    border: 2px solid #fff;
    border-radius: 0;
    transition: all 500ms ease
}

.form-style-two .form-group .ui-selectmenu-button.ui-button {
    padding: 20px;
    color: #666
}

.form-style-two .form-inner .form-group input:focus,.form-style-two .form-inner .form-group textarea:focus,.form-style-two .form-inner .form-group .ui-selectmenu-button.ui-button:focus {
    border-color: #fb6e1a
}

.form-style-two .form-inner .form-group textarea {
    display: block;
    height: 150px;
    resize: none;
    margin-bottom: 25px
}

.form-style-two .form-inner .form-group .theme-btn {
    padding: 17px 32px;
    font-size: 18px
}

/** brand-style-two **/
.brand-style-two {
    position: relative;
    padding: 100px 0
}

.brand-style-two .clients-logo {
    position: relative;
    display: block;
    border: 1px solid #e4eaf0;
    transition: all 500ms ease
}

.brand-style-two .clients-logo:hover {
    border-color: #fb6e1a
}

.brand-style-two .clients-logo img {
    display: block;
    max-width: 100%;
    width: auto;
    margin: 0 auto;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease
}

.brand-style-two .clients-logo:hover img {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale(0%)
}

.brand-style-two .owl-theme .owl-controls {
    margin: 0
}

.main-footer.home-5 .footer-top .footer-title h4 {
    font-size: 20px
}

.main-footer.home-5 .footer-top .footer-title h4:before {
    background: #fb6e1a
}

.main-footer.home-5 .footer-top .service-widget .service-list li:before {
    display: none
}

.main-footer.home-5 .footer-top .service-widget .service-list li {
    padding-left: 0
}

.main-footer.home-5 .footer-top .service-widget .service-list li a:hover {
    color: #fb6e1a
}

.main-footer.home-5 .footer-top .newsletter-widget .newsletter-form .form-group button {
    color: #0a3390
}

.main-footer.home-5 .footer-top .newsletter-widget .newsletter-form .form-group input:focus {
    border-color: #fb6e1a
}

.main-footer.home-5 .footer-top .newsletter-widget .newsletter-form .form-group input:focus + button,.main-footer.home-5 .footer-top .newsletter-widget .newsletter-form .form-group button:hover {
    color: #fb6e1a!important
}

.main-footer.home-5 .footer-top .newsletter-widget .footer-social li a {
    background: #0a3390;
    color: #fff;
    border-radius: 0
}

.main-footer.home-5 .footer-top .newsletter-widget .footer-social li a:hover {
    background: #fb6e1a;
    color: #fff
}

.main-footer .copyright a:hover {
    color: #fff!important
}

.main-footer.home-5 .footer-top .logo-widget .info-box li a:hover {
    color: #fb6e1a
}

/*** 

====================================================================
                        Home-Page-Six
====================================================================

***/
/** header-style-six **/
.main-header.style-six .header-top {
    position: relative;
    background: #2e88d4;
    padding: 2.5px 0
}

.main-header.style-six .header-top .left-column li i,.main-header.style-six .header-top .left-column li,.main-header.style-six .header-top .left-column li a {
    color: #fff
}

.main-header.style-six .header-top .left-column li a:hover {
    color: #e84148
}

.main-header.style-six .header-top .left-column li {
    position: relative;
    margin-left: 18px;
    margin-right: 16px
}

.main-header.style-six .header-top .left-column li:before {
    position: absolute;
    content: '';
    background: rgba(255,255,255,0.5);
    width: 1px;
    height: 18px;
    left: -18px;
    top: 6px
}

.main-header.style-six .header-top .left-column li:after {
    position: absolute;
    content: '';
    background: rgba(255,255,255,0.5);
    width: 1px;
    height: 18px;
    right: -18px;
    top: 6px
}

.main-header.style-six .header-top .left-column li:first-child:after {
    display: none
}

.main-header.style-six .header-top .left-column li:last-child {
    padding-left: 30px
}

.main-header.style-six .header-top .left-column li i {
    top: 4px
}

.main-header.style-six .header-top .social li a {
    width: auto;
    height: auto;
    background: transparent!important;
    color: #fff
}

.main-header.style-six .header-top .social li a:hover {
    color: #e84148
}

.main-header.style-six .header-top .social li {
    margin: 0;
    padding: 0 20px
}

.main-header.style-six .header-top .social li:before {
    position: absolute;
    content: '';
    background: rgba(255,255,255,0.5);
    width: 1px;
    height: 18px;
    right: 0;
    top: 12px
}

.main-header.style-six .header-top .social li:first-child:after {
    position: absolute;
    content: '';
    background: rgba(255,255,255,0.5);
    width: 1px;
    height: 18px;
    left: 0;
    top: 12px
}

.theme-btn.style-five {
    background: #e84148
}

.main-header.style-six .main-menu .navigation > li > a {
    text-transform: capitalize;
    padding: 42px 0
}

.main-header.style-six .header-bottom .nav-outer {
    padding-top: 0
}

.main-header.style-six .header-bottom .logo-outer {
    padding-top: 36px
}

.main-header.style-six .header-bottom {
    box-shadow: 0 10px 30px rgba(0,0,0,0.1)
}

/** slider-style-six **/
.main-slider.style-six {
    position: relative
}

.main-slider.style-six .slide:before {
    display: none
}

.main-slider.style-six .content h6 {
    position: relative;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    color: #e84148;
    margin-bottom: 8px
}

.main-slider.style-six .content h1 {
    position: relative;
    display: block;
    font-size: 50px;
    line-height: 60px;
    color: #222;
    font-weight: 700;
    margin-bottom: 18px
}

.main-slider.style-six .content .text {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 30px;
    color: #333;
    margin-bottom: 35px
}

.theme-btn.style-six {
    background: -webkit-linear-gradient(0deg,#2e88d4,#1e65a1 100%)
}

.theme-btn.style-seven {
    background: -webkit-linear-gradient(0deg,#ff535b,#eb272f 100%)
}

.main-slider.style-six .content .slider-btn .theme-btn {
    font-size: 17px;
    font-weight: 500;
    padding: 15px 32px
}

.main-slider.style-six .content .slider-btn .theme-btn.style-six {
    margin-right: 6px
}

.main-slider.style-six .image-box {
    position: relative;
    opacity: 0;
    margin-right: -100px;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transform: translateX(50px)
}

.main-slider.style-six .active .image-box {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    transition-delay: 1000ms
}

.main-slider.style-six .image-box img {
    width: 100%
}

.main-slider.style-six .slide {
    padding: 127px 0 150px
}

.main-slider.style-six .owl-theme .owl-dots .owl-dot.active span,.main-slider.style-six .owl-theme .owl-dots .owl-dot span:hover {
    background: #e84148
}

/** about-style-five **/
.about-style-five {
    position: relative;
    padding: 110px 0
}

.about-style-five .content-box .upper-box h6 {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #222;
    padding-top: 21px;
    margin-bottom: 5px
}

.about-style-five .content-box .upper-box h6:before {
    position: absolute;
    content: '';
    background: #e84148;
    height: 3px;
    width: 30px;
    left: 0;
    top: 0
}

.about-style-five .content-box .upper-box h2 {
    position: relative;
    font-size: 48px;
    line-height: 56px;
    font-weight: 600;
    color: #222;
    margin-bottom: 23px
}

.about-style-five .content-box .upper-box p {
    margin-bottom: 36px
}

.about-style-five .content-box .upper-box {
    position: relative;
    display: block;
    margin-bottom: 10px;
    margin-right: 70px
}

.about-style-five .image-box {
    position: relative;
    display: block;
    margin-right: -45px
}

.about-style-five .image-box img {
    width: 100%
}

.about-style-five .content-box .inner-box {
    position: relative;
    display: block;
    width: 100%;
    min-height: 414px
}

.about-style-five .content-box .inner-box .single-item {
    position: absolute;
    display: inline-block;
    width: 210px;
    height: 200px;
    text-align: center;
    border: 1px solid #e4eaf0;
    padding: 40px 15px 30px;
    z-index: 1;
    transition: all 500ms ease
}

.about-style-five .content-box .inner-box .single-item:hover {
    border-color: #e84148
}

.about-style-five .content-box .inner-box .single-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e84148;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.about-style-five .content-box .inner-box .single-item:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(0.52,1.64,.37,.66);
    transition-timing-function: cubic-bezier(0.52,1.64,.37,.66)
}

.about-style-five .content-box .inner-box .single-item .icon-box {
    position: relative;
    display: inline-block;
    color: #2e88d4;
    margin-bottom: 20px;
    transition: all 500ms ease
}

.about-style-five .content-box .inner-box .single-item:hover .icon-box {
    color: #fff
}

.about-style-five .content-box .inner-box .single-item .icon-box i:before {
    font-size: 70px;
    line-height: 70px;
    margin: 0
}

.about-style-five .content-box .inner-box .single-item h6 {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    margin: 0;
    transition: all 500ms ease
}

.about-style-five .content-box .inner-box .single-item:hover h6 {
    color: #fff
}

.about-style-five .content-box .inner-box .single-item:first-child {
    left: 135px;
    top: 50px
}

.about-style-five .content-box .inner-box .single-item:nth-child(2) {
    right: -15px;
    top: 0
}

.about-style-five .content-box .inner-box .single-item:nth-child(3) {
    right: -15px;
    top: 214px
}

.about-style-five .content-box .inner-box .single-item:last-child {
    right: -241px;
    top: 175px
}

.service-style-four.alternet-2:before {
    background: #2e88d4
}

.service-style-four.alternet-2 .title-box h6:before {
    background: #e84148
}

.service-style-four.alternet-2 .service-block-four .inner-box {
    text-align: left
}

.service-style-four.alternet-2 .service-block-four .inner-box .lower-content .link a {
    color: #e84148;
    border-color: #e84148
}

.service-style-four.alternet-2 .service-block-four .inner-box .lower-content .link a:hover {
    color: #14437b;
    border-color: #14437b
}

.service-style-four.alternet-2 .service-block-four .inner-box .lower-content {
    padding: 45px 30px 49px 45px
}

.service-style-four.alternet-2 .owl-theme .owl-controls .owl-nav .owl-prev,.service-style-four.alternet-2 .owl-theme .owl-controls .owl-nav .owl-next {
    background: #fff;
    color: #222
}

.service-style-four.alternet-2 .owl-theme .owl-controls .owl-nav .owl-prev:hover,.service-style-four.alternet-2 .owl-theme .owl-controls .owl-nav .owl-next:hover {
    background: #e84148;
    color: #fff
}

.service-style-four.alternet-2 .pattern-layer {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 825px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.service-style-four.alternet-2 {
    border-bottom: none
}

.callus-section.alternet-2 {
    position: relative;
    margin-bottom: -115px
}

.service-style-four.alternet-2 .service-block-four .inner-box .lower-content h3 a:hover {
    color: #e84148
}

.callus-section.alternet-2 .inner-container {
    border-bottom: none;
    background: #e84148;
    padding: 55px 0 61px;
    border-radius: 5px;
    z-index: 1
}

.callus-section.alternet-2 .inner-container:before {
    position: absolute;
    content: '';
    background: #e84148;
    width: 5000px;
    height: 100%;
    left: -80px;
    top: 0;
    border-radius: 5px
}

.callus-section.alternet-2 .inner-container .title h2 {
    font-size: 32px;
    line-height: 40px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 6px
}

.callus-section.alternet-2 .inner-container .title p {
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    padding-bottom: 18px;
    margin: 0
}

.callus-section.alternet-2 .inner-container .title p:before {
    position: absolute;
    content: '';
    background: #fff;
    width: 50px;
    height: 3px;
    left: 0;
    bottom: 0
}

.callus-section.alternet-2 .inner-container .call-box .icon-box {
    background: -webkit-linear-gradient(0deg,#2e88d4,#1e65a1 100%);
    box-shadow: 0 0 0 10px rgba(255,255,255,0.2)
}

.callus-section.alternet-2 .inner-container .call-box h3 {
    color: #fff
}

.callus-section.alternet-2 .inner-container .call-box h3 a {
    color: #fff
}

.callus-section.alternet-2 .inner-container .call-box h3 a:hover {
    text-decoration: underline
}

/** smart-solutions **/
.smart-solutions {
    position: relative;
    padding: 215px 0 85px
}

.smart-solutions .pattern-layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 1680px;
    height: 100%;
    background-repeat: no-repeat
}

.smart-solutions .content-box {
    position: relative;
    display: block;
    margin-right: 70px
}

.smart-solutions .content-box .title-box h6 {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #222;
    padding-top: 21px;
    margin-bottom: 5px
}

.smart-solutions .content-box .title-box h6:before {
    position: absolute;
    content: '';
    background: #e84148;
    height: 3px;
    width: 30px;
    left: 0;
    top: 0
}

.smart-solutions .content-box .title-box h2 {
    position: relative;
    font-size: 48px;
    line-height: 56px;
    font-weight: 600;
    color: #222;
    margin-bottom: 23px
}

.smart-solutions .content-box .title-box p {
    position: relative;
    margin: 0
}

.smart-solutions .content-box .title-box {
    position: relative;
    display: block;
    margin-bottom: 46px
}

.smart-solutions .content-box .inner-box .single-item {
    position: relative;
    display: inline-block;
    float: left;
    width: 50%;
    padding: 20px 0 22px 90px;
    margin-bottom: 20px
}

.smart-solutions .content-box .inner-box .single-item .icon-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 70px;
    height: 70px;
    line-height: 70px;
    background: #fff;
    color: #3089d4;
    border-radius: 50%;
    text-align: center;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    transition: all 500ms ease
}

.smart-solutions .content-box .inner-box .single-item:hover .icon-box {
    color: #e84148
}

.smart-solutions .content-box .inner-box .single-item .icon-box i:before {
    font-size: 36px;
    margin: 0
}

/** smart-security **/
.smart-security {
    position: relative;
    padding: 110px 0 127px;
    border-bottom: 1px solid #e4eaf0
}

.smart-security .outer-container {
    position: relative;
    display: block;
    max-width: 1330px;
    padding: 0 15px;
    width: 100%;
    margin: 0 auto;
    height: auto
}

.smart-security .outer-container .title-box h2 {
    position: relative;
    font-size: 48px;
    line-height: 56px;
    font-weight: 400;
    color: #222;
    padding-top: 31px;
    margin-bottom: 13px
}

.smart-security .outer-container .title-box h2:before {
    position: absolute;
    content: '';
    background: #e84148;
    height: 3px;
    width: 50px;
    left: 50%;
    transform: translateX(-50%);
    top: 0
}

.smart-security .outer-container .title-box p {
    margin: 0
}

.smart-security .outer-container .title-box {
    position: relative;
    display: block;
    margin-bottom: 67px
}

.smart-security .outer-container .single-item {
    position: relative;
    display: block;
    text-align: center
}

.smart-security .outer-container .single-item .icon-box {
    position: relative;
    margin-bottom: 19px
}

.smart-security .outer-container .single-item .icon-box i:before {
    font-size: 100px;
    line-height: 100px;
    margin: 0;
    color: transparent!important;
    background: -webkit-linear-gradient(0deg,#2e87d4,#1d65a2 100%);
    -webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent!important;
    transition: all 500ms ease
}

.smart-security .outer-container .single-item:hover .icon-box i:before {
    color: transparent!important;
    background: -webkit-linear-gradient(0deg,#e84148,#e84148 100%)!important;
    -webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent!important
}

.smart-security .outer-container .single-column {
    position: relative
}

.smart-security .outer-container .single-column:before {
    position: absolute;
    content: '';
    background: #e4eaf0;
    height: 175px;
    width: 1px;
    top: -15px;
    right: 0
}

.smart-security .outer-container .single-column:last-child:before {
    display: none
}

/** feature-style-six **/
.feature-style-six {
    position: relative;
    padding: 100px 0 435px
}

.feature-style-six .inner-box .content-box {
    position: relative;
    display: block
}

.feature-style-six .inner-box .content-box h6 {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #222;
    padding-top: 21px;
    margin-bottom: 5px
}

.feature-style-six .inner-box .content-box h6:before {
    position: absolute;
    content: '';
    background: #e84148;
    height: 3px;
    width: 30px;
    left: 0;
    top: 0
}

.feature-style-six .inner-box .content-box h2 {
    position: relative;
    font-size: 44px;
    line-height: 56px;
    font-weight: 600;
    margin-bottom: 20px
}

.feature-style-six .inner-box .content-box p {
    margin-bottom: 18px
}

.feature-style-six .inner-box .content-box a {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: #e84148;
    border-bottom: 1px solid #e84148
}

.feature-style-six .inner-box .content-box a:hover {
    color: #14437b;
    border-color: #14437b
}

.feature-style-six .inner-box {
    margin-bottom: 80px
}

.feature-style-six .inner-box:last-child {
    margin-bottom: 0
}

.feature-style-six .inner-box .image-box img {
    width: 100%
}

.ml-35 {
    margin-left: 35px
}

.mr-55 {
    margin-right: 55px
}

/** video-style-two **/
.video-style-two {
    position: relative
}

.video-style-two .inner-box .video-inner {
    position: relative;
    width: 100%;
    padding: 260px 0;
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.video-style-two .inner-box .video-inner .video-btn a {
    position: relative;
    display: inline-block;
    font-size: 50px;
    color: #fff;
    background: #e84148;
    width: 130px;
    height: 130px;
    line-height: 130px;
    text-align: center;
    border-radius: 50%;
    transition: all 500ms ease
}

.video-style-two .inner-box .video-inner .video-btn a:after,.video-style-two .inner-box .video-inner .video-btn a:before {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
    -webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0.6);
    box-shadow: 0 0 0 0 rgba(255,255,255,0.6);
    -webkit-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.video-style-two .inner-box .video-inner .video-btn a:after {
    -webkit-animation-delay: .6s;
    animation-delay: .6s

}

.video-style-two .inner-box {
    position: relative;
    margin-top: -325px;
    z-index: 1
}

.testimonial-section.alternet-2 {
    position: relative;
    background: #f1f5f9;
    padding: 435px 0 60px;
    margin-top: -325px
}

.testimonial-section.alternet-2:before {
    display: none
}

.testimonial-section.alternet-2 .title-box h2 {
    position: relative;
    display: block;
    font-size: 48px;
    line-height: 56px;
    font-weight: 400;
    padding-top: 31px;
    margin-bottom: 13px
}

.testimonial-section.alternet-2 .title-box h2:before {
    position: absolute;
    content: '';
    background: #e84148;
    height: 3px;
    width: 50px;
    left: 50%;
    transform: translateX(-50%);
    top: 0
}

.testimonial-section.alternet-2 .title-box p {
    margin: 0
}

.testimonial-section.alternet-2 .testimonial-block-one:before {
    right: 40px;
    bottom: 25px;
    font-size: 30px;
    color: #e84148;
    content: "\f10e"
}

.testimonial-section.alternet-2 .testimonial-block-one {
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    transition: all 500ms ease
}

.testimonial-section.alternet-2 .testimonial-block-one:hover {
    background: #2e88d4
}

.testimonial-section.alternet-2 .testimonial-block-one:hover .authore-info h5,.testimonial-section.alternet-2 .testimonial-block-one:hover .authore-info span,.testimonial-section.alternet-2 .testimonial-block-one:hover .text {
    color: #fff
}

.testimonial-section.alternet-2 .pattern-layer {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat
}

/** download-app **/
.download-app {
    position: relative;
    padding: 110px 0
}

.download-app .content-box h6 {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #222;
    padding-top: 21px;
    margin-bottom: 5px
}

.download-app .content-box h6:before {
    position: absolute;
    content: '';
    background: #e84148;
    height: 3px;
    width: 30px;
    left: 0;
    top: 0
}

.download-app .content-box h2 {
    position: relative;
    font-size: 48px;
    line-height: 56px;
    font-weight: 600;
    margin-bottom: 23px
}

.download-app .content-box .text {
    position: relative;
    display: block;
    margin-bottom: 49px
}

.download-app .content-box .text p {
    margin-bottom: 26px
}

.download-app .content-box .text p:last-child {
    margin-bottom: 0
}

.download-app .content-box {
    position: relative;
    display: block;
    margin-left: 85px
}

.download-app .content-box .bold-text {
    position: relative;
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #222;
    font-family: 'Poppins',sans-serif;
    text-transform: uppercase;
    margin-bottom: 27px
}

.download-app .content-box .download-btn a.theme-btn {
    position: relative;
    display: inline-block;
    overflow: hidden;
    font-size: 17px;
    font-weight: 500;
    border-radius: 35px;
    padding: 18px 40px;
    text-transform: uppercase
}

.download-app .content-box .download-btn a.theme-btn i {
    position: relative;
    font-size: 26px;
    margin-right: 10px
}

.download-app .content-box .download-btn a.theme-btn.style-five {
    padding: 18px 45px;
    background: -webkit-linear-gradient(0deg,#ff575e,#eb272f 100%);
    margin-right: 6px
}

.download-app .image-box {
    position: relative;
    display: block;
    text-align: center
}

.download-app .image-box .image {
    position: relative;
    display: inline-block;
    border-radius: 50px;
    box-shadow: -15px 15px 20px rgba(0,0,0,0.1)
}

.download-app .image-box .image img {
    width: 100%;
    border-radius: 50px
}

/** form-style-three **/
.form-style-three {
    position: relative;
    padding: 110px 0;
    background: #f1f5f9
}

.form-style-three .pattern-layer {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat
}

.form-style-three .title-box h2 {
    position: relative;
    font-size: 48px;
    line-height: 56px;
    font-weight: 400;
    color: #222;
    padding-top: 31px;
    margin-bottom: 10px
}

.form-style-three .title-box h2:before {
    position: absolute;
    content: '';
    background: #e84148;
    height: 3px;
    width: 50px;
    left: 50%;
    transform: translateX(-50%);
    top: 0
}

.form-style-three .title-box p {
    margin-bottom: 0
}

.form-style-three .title-box {
    position: relative;
    display: block;
    margin-bottom: 56px
}

.form-style-three .form-inner {
    position: relative;
    display: block;
    max-width: 920px;
    width: 100%;
    margin: 0 auto
}

.form-style-three .form-inner .form-group {
    position: relative;
    display: block;
    margin-bottom: 10px;
    padding: 0 5px
}

.form-style-three .form-inner .form-group:last-child {
    margin-bottom: 0
}

.form-style-three .form-inner .form-group input[type='text'],.form-style-three .form-inner .form-group input[type='email'],.form-style-three .form-inner .form-group textarea,.form-style-three .form-group .ui-selectmenu-button.ui-button {
    position: relative;
    width: 100%;
    height: 60px;
    background: #fff;
    text-align: left;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 0;
    border: 1px solid #e2ecf7;
    transition: all 500ms ease
}

.form-style-three .form-group .ui-selectmenu-button.ui-button {
    padding: 20px;
    color: #666
}

.form-style-three .form-inner .form-group input:focus,.form-style-three .form-inner .form-group textarea:focus,.form-style-three .form-inner .form-group .ui-selectmenu-button.ui-button:focus {
    border-color: #e84148
}

.form-style-three .form-inner .form-group textarea {
    display: block;
    height: 150px;
    resize: none;
    margin-bottom: 28px
}

.form-style-three .form-inner .form-group .theme-btn {
    padding: 17px 39px
}

.main-footer.home-6 .footer-top .logo-widget .info-box li a:hover,.main-footer.home-6 .footer-top .service-widget .service-list li a:hover {
    color: #e84148
}

.main-footer.home-6 .footer-top .service-widget .service-list li {
    padding-left: 0
}

.main-footer.home-6 .footer-top .service-widget .service-list li:before {
    display: none
}

.main-footer.home-6 .footer-top .newsletter-widget .newsletter-form .form-group input:focus {
    border-color: #e84148
}

.main-footer.home-6 .footer-top .newsletter-widget .newsletter-form .form-group input:focus + button,.main-footer.home-6 .footer-top .newsletter-widget .newsletter-form .form-group button:hover {
    color: #e84148!important
}

.main-footer.home-6 .footer-top .newsletter-widget .footer-social li a {
    background: #092436
}

.main-footer.home-6 .footer-top .newsletter-widget .footer-social li a:hover {
    background: #e84148;
    color: #fff
}