/*Custome Font*/
@import "../fonts/poppins/style.css";

* { outline: none; }
body { background: #fff; font-family: "Poppins Regular"; font-weight: 400; color: #272727; overflow-x: hidden; font-size: 14px; /*line-height: 26px; padding-top:100px; */ }

iframe { border: none; width: 100%; }
/*List Tag*/
li { list-style-type:none; }
/*Float Tag*/
.left { float:left; }
.right { float:right; }
/*Align tag*/
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }
.text-nowrap { white-space: nowrap; }
.text-lowercase { text-transform: lowercase; }
.text-uppercase { text-transform: uppercase; }
.text-capitalize { text-transform: capitalize; }
/*Padding*/
.p-t { padding-top:calc(var(--bs-gutter-x)* .5) !important; }
.p-r { padding-right:calc(var(--bs-gutter-x)* .5) !important; }
.p-b { padding-bottom:calc(var(--bs-gutter-x)* .5) !important; }
.p-l { padding-left:10px !important; }
/*Margin*/
.m-t { margin-top:calc(var(--bs-gutter-x)* .5) !important; }
.m-r { margin-right:calc(var(--bs-gutter-x)* .5) !important; }
.m-b { margin-bottom:calc(var(--bs-gutter-x)* .5) !important; }
.m-l { margin-left:calc(var(--bs-gutter-x)* .5) !important; }

.margin30 { margin-bottom: 30px; margin-top:30px; }
.margin20 { margin-bottom: 20px; margin-top:20px; }
.margin10 { margin-bottom: 10px; margin-top:10px; }

/*Vertical Align*/
.vAlign-Top { vertical-align:top; }
.vAlign-Bottom { vertical-align:bottom; }
.vAlign-Middle { vertical-align:middle; }
.vAlign-Baseline { vertical-align:baseline; }
/*Position*/
.pRelative { position:relative; }
.pAbsolute { position:absolute; }
.pFixed { position:fixed; }
.pStatic { position:static; }
/* Font Size*/
/* Font Size*/
.text-00x { font-size: 0.750rem !important; }
.text-0x { font-size: 0.875rem !important; }
.text-x { font-size: 1rem !important; }
.text-1x { font-size: 1.313rem !important; }
.text-2x { font-size: 1.500rem !important; }
.text-3x { font-size: 1.750rem !important; }
.text-4x { font-size: 2rem !important; }
.text-5x { font-size: 2.313rem !important; }
.text-6x { font-size: 2.500rem !important; }
.text-7x { font-size: 2.750rem !important; }
.text-8x { font-size: 3rem !important; }
.text-9x { font-size: 3.313rem !important; }
.text-10x { font-size: 3.500rem !important; }
.text-11x { font-size: 3.750rem !important; }
.text-12x { font-size: 4rem !important; }
.text-13x { font-size: 4.313rem !important; }
.text-14x { font-size: 4.500rem !important; }
.text-15x { font-size: 4.750rem !important; }
.text-16x { font-size: 5rem !important; }
/* Font Size*/
.smallFont { font-size:10px !important; }
.mediumFont { font-size:11px !important; }
.normalFont { font-size:13px !important; }
.largeFont { font-size:15px !important; }
/*Font Weight*/
.Font-bold { font-weight:bold !important; }
.font-noraml { font-weight: 400 !important; }
.font-lite { font-weight: 100 !important; }
/*Font Style*/
.italicFont { font-style:italic !important; }
/*Text Decoration*/
.underlineFont { text-decoration:underline !important; }
.overlineFont { text-decoration:overline !important; }
.linethroughFont { text-decoration:line-through !important; }
/*Text Transform*/
.text-uppercase { text-transform: uppercase; }
.text-capitalize { text-transform: capitalize; }
.text-lowercase { text-transform: lowercase; }
/*Global*/
.no-padding { padding: 0 !important; }
.no-margins { margin: 0 !important; }
.full-width { width: 100% !important; }
.left-align { text-align:left; }
.right-align { text-align:right; }
.center-align { text-align:center; }
.img-circle { border-radius: 50%; }

.black-text { color: #000000; }
.red-text { color:#ed5565; }
.white-text { color:#fff; }
.fvOrange-text { color: #e46f1a; }

.btn-white {background: #fff; color: #000;}

p { line-height:24px; }
a { text-decoration: none; color: #545354; -webkit-transition: color 400ms, background-color 400ms; -moz-transition: color 400ms, background-color 400ms; -o-transition: color 400ms, background-color 400ms; transition: color 400ms, background-color 400ms; }
a:hover { text-decoration: none; color: #000; }
a:focus { outline: 0; }
a:active { outline: none; border: none; }
hr { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #fff; }

/*button:hover, button.active{ background:#e46f1a;}*/


/*******section heading**********/

.center-heading { text-align: center; /*margin-bottom: 40px;*/ margin-bottom: 20px; }
.article-heading .center-heading { margin-bottom: 0; }
.center-heading h1 { margin-bottom: 0; font-weight: 200; /*font-size: 3rem; text-transform: uppercase;*/ letter-spacing: 1px; color: #272727; padding: 15px 0 0 0; }
.center-heading p { font-size: 16px; }
.center-heading h1 strong { font-weight: 800; }
.center-line { display: inline-block; width: 70px; height: 2px; border-top: 2px solid #ed8c22;/*border-top: 2px solid #bbb; */ margin: auto; }
.center-heading p { margin-top: 10px; }
.overflow-hidden { overflow: hidden; }
.toolBarHeading .center-heading h1 { color: #e46f1a; ; }
.gray ul,
.row ul { margin-left:0; }
.gray li,
.row li { padding:4px 0; }
.gray dd,
.row dd { padding:5px 0 5px 15px; line-height:25px; }
.gray dt,
.row dt { padding:0px 0 0px 15px; font-size: 1rem; }
.gray h4,
.row h4 { margin:9px 0; }
.m-t { margin-top:10px; }
.m-r { margin-right:10px; }
.m-b { margin-bottom:10px; }
.m-l { margin-left:10px; }
.gray { background-color: #fafafa; }
.green1 { background-color:#799944; padding: 30px 0; }
.color-w { color:#FFFFFF; }
.dborder1 { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; padding:20px 0px; background-color:#f9f9f9; }
.dborder1down { border-bottom: 1px solid #eaeaea; }
.dborder1top { border-top: 1px solid #eaeaea; padding-top:20px; }
.dborder2top { border-top: 1px solid #eaeaea; }
.divide0 { width: 100%; height: 0px; }
.divide2 { width: 100%; height: 2px; }
.divide3 { width: 100%; height: 3px; }
.divide5 { width: 100%; height: 5px; }
.divide10 { width: 100%; height: 10px; }
.divide15 { width: 100%; height: 15px; }
.divide20 { width: 100%; height: 20px; }
.divide25 { width: 100%; height: 25px; }
.divide30 { width: 100%; height: 30px; }
.divide35 { width: 100%; height: 35px; }
.divide40 { width: 100%; height: 40px; }
.divide45 { width: 100%; height: 40px; }
.divide50 { width: 100%; height: 50px; }
.divide55 { width: 100%; height: 55px; }
.divide60 { width: 100%; height: 60px; }
.divide65 { width: 100%; height: 65px; }
.divide70 { width: 100%; height: 70px; }
.divide75 { width: 100%; height: 75px; }
.divide80 { width: 100%; height: 80px; }
.divide85 { width: 100%; height: 85px; }
/*margins*/

.margin-0 { margin: 0px !important; }
.margin10 { margin-bottom: 10px; }
.margin20 { margin-bottom: 20px; }
.margin30 { margin-bottom: 30px; }
.margin40 { margin-bottom: 40px; }
.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-bottom-30 { margin-bottom: 30px; }
.margin-bottom-40 { margin-bottom: 40px; }
.margin-bottom-50 { margin-bottom: 50px; }
.margin-bottom-100 { margin-bottom: 100px; }
.margin-top-10 { margin-top: 10px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-30 { margin-top: 30px; }
.margin-top-40 { margin-top: 40px; }
.margin-top-50 { margin-top: 50px; }
.margin-top-100 { margin-top: 100px; }
.margin-top-200 { margin-top: 200px; }

.whatsapp { background-color: #089F2C !important; }

.mobileView { display:none; }
.desktopView { display:flex; }
@media (max-width: 992px) {
.mobileView {display:inline;}
.desktopView {display:none;}
}

.header-slider .radiobox-customView label { top :0 !important; padding: 0 !important; left: 0 !important; cursor: pointer; }
.header-slider .radiobox-customView span { margin-right: 30px; }
.header-slider { position:relative; margin: 0; padding:50px 0;  /*padding:50px; */}

.layout-item-left { width: 100%; max-width: 100%; position: relative; text-align:center; }
.layout-item-left img { padding: 70px 0; }
.layout-item-right { width: 40%; position:relative; margin:auto;height: 620px; }

.slider-text h3 { margin:0px auto 30px; font-weight:100;  width: 100%; color:#fff;  font-family: "Poppins bold";  font-size: 1.3rem; font-style: italic;  font-size: 0.8rem;}
.slider-text h1 { margin:0px auto 30px; font-size:2.5rem; font-weight:bold; width: 100%; text-transform:uppercase; color: #fff; font-family: "Poppins bold"; }
.slider-text h5 { font-size:0.9rem; font-weight:400;  width: 100%; text-align:justify; color:#fff; font-family: "Poppins light"; margin-bottom: 5px; text-align: center; }
.slider-text .btnBox { width: 100%;}
.slider-text .btnBox a.btn-blue { border-radius:25px; padding:15px 50px; margin:20px 0px; background-color: #1b79f2; color:#FFFFFF; display:inline-block; font-size: 1.2rem; font-weight:500; }
.slider-text .btnBox a:hover {color:#fff;}
.slider-text .btnBox a{ border-radius:25px; padding:15px 50px; margin:20px 0px;color:#FFFFFF; display:inline-block; font-size: 1.2rem; font-weight:500; letter-spacing: 1px }
.slider-text .btnBox { width: 100%;}

@media screen and (min-width: 240px) and (max-width: 992px) {
 .header-slider {margin: 0;}
 .layout-item-right {width: 100%;padding: 0%;height: 620px;}
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 993px) and (max-width: 1599px) {
.header-slider {display: flex;flex-direction: row-reverse;align-items: center;justify-content: space-between;}
.layout-item-left {width: 40%; /*padding: 145px 0 0 30px;text-align:left;*/}
.layout-item-right {width: 60%;padding: 4%;height: 620px;}
.slider-text h3 {text-align:left;  font-size: 1rem;}
.slider-text h1 {text-align:left;  font-size: 5rem;}
.slider-text h5 {text-align:left; font-size:0.9rem; }
.slider-text .btnBox { display: flex;}
}
 @media (min-width: 1600px) {
.header-slider {display: flex;flex-direction: row-reverse;align-items: center;justify-content: space-between;}
.layout-item-left {width: 45%; /*padding: 145px 0 0 100px;*/}
.layout-item-right {width: 51%;padding: 2%;height: 620px;}
}
.title-modern-subtitle { font-family: "Poppins bold"; }
.center-heading { text-align: center; }

.shipimg-bg {position: absolute; width: 525px;  height: 500px; margin: auto; top: 0;  right: 0;  bottom: 0; left: 0; }
.mobile-bg {position: absolute; width: 355px;  height: 570px; margin: auto; top: 0;  right: 0;  bottom: 0; left: 0; z-index: 1000; }
.mobile-screen {position: absolute; width: 240px;  height: 532px; margin: auto; top: 0;  right: 0;  bottom: 0; left: 0; overflow: hidden; }
.mobile-screen img { height: 100%;  width: initial; background-size: contain; background-position: center;}

/*image*/

.img-responsive { display: inline-block; }

.blankDiv { display: none; }

.center-heading { text-align: center; }

.img-responsive { margin: auto; max-width: 100%;}
.rotate-animate{animation: rotateIn 20s infinite linear}
@keyframes rotateIn {
  100%{
    transform: rotate(360deg);
  }
}
.img-n1.img-responsive { margin: auto; width: 100%; }
 @media (max-width: 1200px) {
 .wide-img-showcase .img-responsive {margin: auto;max-width: 80%;display: block;}
}
@media (max-width: 992px) {
 .img-responsive {margin: auto;width: auto;}  
 .img-n1.img-responsive {margin: auto;width: 100%;}
}

.btn.btn-primary { background: #e46f1a; border-color: #e46f1a; color: #FFF !important; padding:15px 50px; border-radius: 25px;}
.btn.btn-primary:hover,
.btn.btn-primary:focus { background: #e46f1a; color: #000; }


.navbar-nav > li > a { color:#fff !important; }

.colored-text { /*color: #2191d1;*/ color: #e46f1a; ; font-weight: 700; }
.colored-Image .img-responsive { height: 300px; width: 100%; background-size: cover; }

h2 .colored-text { font-weight:normal; padding-bottom: 0px; padding-top: 30px; }
h5 .colored-text { font-weight:normal; padding-bottom: 0px; padding-top: 30px; }

 @-webkit-keyframes scaleIn { 0% {
 opacity: 0;
 -webkit-transform: scale(0);
 transform: scale(0);
}
 100% {
 opacity: 1;
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
@keyframes scaleIn { 0% {
 opacity: 0;
 -webkit-transform: scale(0);
 -ms-transform: scale(0);
 transform: scale(0);
}
 100% {
 opacity: 1;
 -webkit-transform: scale(1);
 -ms-transform: scale(1);
 transform: scale(1);
}
}
/********************************Header********************************/

.navbar.navbar-default { border: 0; border-radius: 0; margin-bottom: 0; }
.navbar.navbar-default .navbar-toggle { margin-top: 11px; }
.navbar.navbar-default .navbar-brand { height: auto; padding: 10px 15px; }
 @media screen and (max-width: 360px) {
 .navbar.navbar-default .navbar-brand {width: 70%;}
 .navbar.navbar-default .navbar-brand img {width: 100%;}
}

.sticky-wrapper { position:relative; }
.navbar-fixed {background: #000000!important; z-index: 1003; width: 100%; /*-moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; transition: all 0.3s ease-in-out;*/ }
 @media screen and (max-width: 992px) {
 .navbar-fixed .navbar-toggler {font-size: 1rem;box-shadow: none;}
}

.navbar-fixed.navbar-shadow {background:#000000; -webkit-box-shadow: rgba(0, 0, 0, 0.11765) 0px 1px 3px; -moz-box-shadow: rgba(0, 0, 0, 0.11765) 0px 1px 3px; -ms-box-shadow: rgba(0, 0, 0, 0.11765) 0px 1px 3px; box-shadow: rgba(0, 0, 0, 0.11765) 0px 1px 3px;}

#main-menu.navbar { padding: 0; }
#main-menu .multi-level-large { width: 662px; }
#main-menu .container {position: relative;}
#main-menu .multi-level { width: 250px; }
#main-menu .smartText a{font-size:1rem; }
.dropdown-toggle:hover .dropdown-menu { display:block; }
#main-menu .navbar-nav{ border: 2px solid #f2f0f1; padding: 6px 15px; margin: 25px; border-radius: 10px; }
#main-menu .navbar-nav > li { margin-right: 10px; }
/*#main-menu .navbar-nav > li { border-top: 3px solid #f2f0f1; }
#main-menu .navbar-nav > li.active,
#main-menu .navbar-nav > li.open,
#main-menu .navbar-nav > li:hover { border-top: 3px solid #0077bd; }*/
#main-menu .navbar-nav > li > a { font-size:1.1rem; font-weight:400; letter-spacing: 3px; padding: .2rem 1rem; }
#main-menu .navbar-nav > li.active > a,
#main-menu .navbar-nav > li.open > a,
#main-menu .navbar-nav > li:hover > a { background: transparent; /*padding-top: 26px; color:#e46f1a!important; font-weight:bold;*/ }
#main-menu .dropdown-menu { border-top: 4px solid #ed8c22; padding:0; background-color: #fff; background-clip: inherit; left: auto !important; right: 0 !important; z-index: 2003; margin-top: 0; }
#main-menu .dropdown-menu strong { padding:10px; display:block; }
#main-menu .dropdown-menu > li { background: #fff; float:left; width: 100%; }
#main-menu .dropdown-menu.multi-level-large > li { width:220px; height:200px; }
#main-menu .dropdown-menu > li > a,
#main-menu .dropdown-menu.multi-level-large > li li > a { padding: 9px 15px; color: #565656; }
#main-menu .dropdown-menu > li:first-child > a { border-top: 0; }
#main-menu .dropdown-menu > li.active > a,
#main-menu .dropdown-menu > li.open > a,
#main-menu .dropdown-menu > li:hover > a,
#main-menu .dropdown-menu.multi-level-large > li li > a:hover { color: #e46f1a; background-color: transparent; }
#main-menu .whats-app {width: 60px; height: 60px; padding: 20px 15px !important}
#main-menu .whats-app img { max-width: 100%; height: auto; border: 0; }
#main-menu .navbar-toggler {background-color: #ffffff;     border: 1px solid #ffffff;}
 @media only screen and (max-width: 1120px) {
 .sticky-wrapper .container {width:100%;}
 #main-menu .multi-level-large {width: 442px;}
 #main-menu .dropdown-menu {left: 0 !important;right: auto !important;}
}
@media screen and (max-width: 992px) {
 .navbar-fixed .navbar-toggler {padding:10px;display:block;}
#main-menu .navbar-brand {width: 100%; margin: 15px 0 0 0;}
#main-menu .navbar-brand img {width:25%; margin: auto; display: block;}
#main-menu .navbar-nav { margin: auto; flex-direction: row;  margin-top: 15px;}
#main-menu .smartText { width: 100%; text-align: center;   margin-top: 15px; margin-bottom: 15px;}
 #main-menu .navbar-nav > li > a {padding-top: 10px;padding-bottom: 10px;  font-size:0.9rem; letter-spacing: 2px; padding: .2rem 1rem; }
 #main-menu .navbar-nav > li.active > a,  
 #main-menu .navbar-nav > li.open > a,  
 #main-menu .navbar-nav > li:hover > a {border-top: none;}
 #main-menu .navbar-nav > li > a.dropdown-toggle::after {float: right;margin: 10px 10px 0 0;}
 #main-menu .dropdown-menu > li > a,  
 #main-menu .dropdown-menu.multi-level-large > li li > a {padding: 6px 15px;color: #565656;}
 #main-menu .mobileViewButton {position: absolute; right: 8%; top: 0;}
 #main-menu .whats-app {padding:8px !important}
}
@media only screen and (max-width: 768px) {
 #main-menu .dropdown-menu {min-width: 250px;width:auto;}
 #main-menu .dropdown-menu strong {padding:10px;display:block;}
 .navbar-collapse.in {overflow-y: auto;height: 200px;padding-bottom:60px;}
 #main-menu .navbar-nav > li > a {padding-top: 10px;padding-bottom: 10px;}
 #main-menu .navbar-nav > li.active > a,  
 #main-menu .navbar-nav > li.open > a,  
 #main-menu .navbar-nav > li:hover > a {padding-top: 10px;border-top: none;}
 #main-menu .dropdown-menu.multi-level-large > li {width:100%;height:auto;}
 #main-menu .dropdown-menu {background:#f5f5f5;}
 #main-menu .dropdown-menu > li {background: #f5f5f5;}
 #main-menu .dropdown-menu > li {float:none;}
 #main-menu .dropdown-menu:after {position: relative;bottom: 0;left: 0;min-width: 250px;height: 4px;opacity:0.4;display: block;content: "";z-index: 9999;}
 #main-menu .mobileViewButton { right: 12%;/* top: 7px;*/}
}

.navbar-light .navbar-brand img {width: 40%;}

/*Slider*/
#main-slider { overflow: hidden; background:#000; }
#main-slider .item img { display: block; width: 100%; height: auto; cursor:grab; cursor:-webkit-grab; }
#main-slider .slider-inner { position: absolute; top: -25%; right: 0; bottom: 0; left: 0; margin: auto; width: 100%; color: #fff; height: 100px; }
#main-slider .slider-inner h2 {/* margin-top: 350px; font-size: 2.3vw;*/ line-height: 1; text-transform: uppercase; color: #fff; text-align:left; margin-right: 50px; width: 100%; }
#main-slider .slider-inner p { text-align:left; color: #ed8c22; font-size:1.5vw; line-height: 2vw; margin-top: 1vh; margin-bottom: 0; text-transform: capitalize; }
#main-slider .slider-inner h2 > span { color: #e46f1a; ; /*font-weight: bold;*/ font-size: 2.2vw; }
#main-slider .slider-inner p > span { color:#666666; margin-top:0; font-size: 1.2vw; display: list-item; margin-left: 20px; }
#main-slider .slider-inner .btn { margin-top: 10px; }
#main-slider .owl-prev,
#main-slider .owl-next { position: absolute; top: 50%; background-color: rgba(0, 0, 0, 0.2); color: #fff; font-size: 30px; display: inline-block; margin-top: -35px; height: 70px; width: 70px; line-height: 70px; text-align: center; border-radius: 100px; z-index: 5; -webkit-transition: background-color 400ms; transition: background-color 400ms; }
#main-slider .owl-prev:hover,
#main-slider .owl-next:hover { background-color: #e46f1a; }
#main-slider .owl-prev { left: -35px; text-indent: 14px; }
#main-slider .owl-next { right: -35px; text-indent: -14px; }
 @media only screen and (max-width: 992px) {
 #main-slider .slider-inner {top: -45%;}
 #main-slider .slider-inner h2 {margin-bottom: 5px;}
 #main-slider .slider-inner h2 > span {font-size:3vw;}
 #main-slider .slider-inner p {font-size: 2.5vw;line-height: 25px;margin-top: 3px;}
 #main-slider .slider-inner p > span {font-size: 2vw;}
}
 @media only screen and (max-width: 768px) { 
 #main-slider .slider-inner {top: -30%;}
 #main-slider .slider-inner h2 {margin-bottom: 5px;}
 #main-slider .slider-inner h2 > span {font-size:3vw;}
 #main-slider .slider-inner p {font-size: 2.5vw;line-height: 15px;margin-top: 2px;}
 #main-slider .slider-inner p > span {font-size: 2vw;}
}

#keyfeatures { padding: 100px 0 50px 0; overflow: hidden; }
#latest { padding: 100px 0 100px 0; overflow: hidden; }

 
/*Fourth Section*/
#services {/* padding: 50px 0;*/ overflow: hidden;  }
#services .cream-bg { background: #000 url("../images/wave.png") repeat-x; padding: 100px 0; }
#services .cream-bg .services-box {border: 1px solid #fff; border-radius: 10px; padding:50px 30px 15px;}
#services .cream-bg .services-box .services-box-img { width:80%; margin:auto; }
#services .cream-bg .services-box .services-box-info { /*margin-top: 10%;*/ vertical-align:middle }
#services .cream-bg .services-box .services-box-info h1 { color: #fff; font-size: 2.4rem; font-weight:700; margin-bottom: 20px;  font-family: "Poppins bold"; }
#services .cream-bg .services-box .services-box-info h2 { color: #fff;/* font-size: 25px;*/ font-weight:700; margin-bottom: 25px;  font-family: "Poppins light"; }
#services .cream-bg .services-box .services-box-info h6 { font-size:1.2rem; font-weight:700; width: 100%; line-height:30px; text-align:justify; color:#e46f1a;  font-family: "Poppins bold"; }
#services .cream-bg .services-box .services-box-info p { color: #fff; line-height:35px; font-size:1.4rem; }
#services .cream-bg .services-box .services-box-info img { height: 250px; margin: 0;}
#services .cream-bg .services-box .services-box-info a { color: #fff !important; }
#services .cream-bg .services-box .services-box-info a:hover { color: #000 !important; text-decoration: none; }
#services .cream-bg .services-box.m-t { margin-top: 55px!important;}
#services .title-modern { padding: 0 0 50px 0;}
#services .title-modern .title-modern-title { color: #000; }


#achievement { padding: 50px 0 100px 0; overflow: hidden; background: #edf4f9; }
#achievement .title-modern-title {  background: #0047a8; color: #fff;  width: 25%; margin: auto;  border-radius: 50px; padding: 10px 0; }
#achievement .title-modern-subtitle{ color: #0047a8; font-family: "Poppins light"; margin-bottom: 50px; }


#journey {/* padding: 50px 0;*/position: relative; overflow: hidden; background: #000 ;  padding: 100px 0;  }

#journey .video-text {position: absolute; top: 0; color: #fff;}
#journey .btn-white {    background: #fff; color: #000; padding: 20px 50px; border-radius: 50px;  margin: auto; top: 50%;  -ms-transform: translateY(-50%); transform: translateX(100%) translateY(-50%);  position: absolute;}
#journey p {color: #fff; line-height:35px; font-size:1.4rem;}
#journey .emailbox {color: #fff;}
#journey .img-thumbnail {color: #545354;  font-family: "Poppins bold"; text-align: center; padding: 25px; border-radius: 50px;} 

.video-resize {
    object-fit: cover;
    object-position: top;
}

/**** Services Section ****/
#features { overflow: hidden;  }
#features .cream-bg { background: #000  url("../images/world.jpg") no-repeat bottom right; padding: 100px 0 250px; }
#features .features-section{min-height: 400px;  border: 1px solid #45a9ac; color: #fff; padding: 20px;}
#features h3{font-size: 2rem; color: #fff; margin: 15px 0;  font-family: "Poppins bold";}
#features p{font-size: 1.1rem; line-height: 30px; color: #fff; margin: 15px 0;  }
#features .btn-style-one{font-size: 1.1rem; line-height: 30px; color: #fff; margin: 15px 0; font-weight: 700;  }


#pricing { background: #fff  url("../images/grid.png") repeat-x bottom; padding: 100px 0 150px; color: #104baa; }
#pricing .pricing-container {display: flex; gap: 20px;  padding: 50px 0; }
#pricing .plan { background: white; border-radius: 10px; padding: 10px; text-align: center; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); flex: 1; max-width: 250px; border: 1px solid #000; position: relative;}
#pricing .label {position: absolute; top: -10px; left: 15px; background: #0a0e1a; color: white; padding: 5px 10px; border-radius: 15px; font-size: 12px; }
#pricing .title {display: flex;align-items: center; gap: 10px;font-size: 20px;font-weight: bold;margin-top: 15px;border-bottom: 2px solid #b0b0b0; padding: 0 0 10px 0;}
#pricing .title img {width: 60px;height: 60px;}
#pricing .plan.recommended {background: #004aad; color: white;border: 1px solid #00c853;}
#pricing .plan h2 {margin-top: 0; }
#pricing .price {font-size: 35px;font-weight: bold;margin: 15px 0;  color: #000;}
#pricing .plan.recommended .label {background: #51bf62; color: #000;border: 1px solid #00c853; color: #fff;}
#pricing .features {text-align: left; padding: 0px; }
#pricing .features li { list-style: none;  padding: 5px 0; font-size: 11px; line-height: 15px;  color: #000;}
#pricing .btn {display: block; padding: 10px;  margin-top: 10px; text-align: center; background: black;  color: white;  text-decoration: none;  border-radius: 5px; }
#pricing .recommended .btn { background: #00c853;}
#pricing .recommended li {color: #fff;}
#pricing .recommended .price {color: #fff;}
#pricing p { font-size: 12px; line-height: 14px; margin-top: 15px; height: 25px;}
#pricing span { line-height: 24px; margin-bottom: 50px;}
#pricing .text-green {color:#00c853;}
#pricing .text-blue {color:#104baa;}


@media screen and (min-width: 240px) and (max-width: 992px) {
	#services .cream-bg {padding: 50px 0; }
	#achievement .title-modern-title {   width: 90%; font-size: 40px;  }
	#achievement .title-modern-subtitle {font-size:1rem !important;  }
	#pricing .pricing-container {display: block; gap: 20px; }
	#pricing .plan {margin: 30px auto; max-width: 350px; }
	#journey .btn-white {transform: translateX(0%) translateY(0%);
		position: inherit;}
	}
	
.custom { margin: 0 15px; }
.navbar-fixed .custom { margin: 0 0px; }
footer .custom { margin: 0 0px; }


/*
h3.heading-without-border { color: #07827e; line-height: 24px; font-weight: 400; font-style: normal; margin: 0 0 20px; padding-bottom: 10px; position: relative; overflow: hidden; vertical-align: middle; }
h4 { letter-spacing: normal; line-height: 27px; margin: 0 0 14px 0; }
h5 { letter-spacing: normal; line-height: 18px; margin: 0 0 14px 0; }
h6 { letter-spacing: normal; line-height: 18px; margin: 0 0 7px 0; }*/

.list-inline>li { display: inline-block; padding-right: 5px; padding-left: 5px; }






/******************************** Footer ******************************/

#footer { /*background-color: #032431; */ background-color: #fff;  font-size: 0.8rem; padding: 30px 0 0; position:absolute; clear: both; width:100%; color:#FFFFFF; }
#footer a,
#footer a:hover { color:#545454; }
#footer a.know { color: #2c93d1; }
#footer .footerBorder { border-bottom: 1px solid #3a3a3a; margin-bottom: 30px; }
#footer h3 { color:#545454; margin-bottom: 24px; /*font-size: 22px; */ text-transform: capitalize; font-weight: 300; font-style: normal; font-size: 18px; }

.contact p { margin-bottom: 5px; }
.contact strong { margin-right: 10px; font-weight: bold; }
.contact strong i { margin-right: 5px; }
.contact a { color: #777; font-weight: normal; }
.contact a:hover { color: #4f82e9; }

.flotingMenu { position: fixed; right: 0; top: 70%; margin-top: -0.5rem; z-index: 1000; padding: 0; transform: rotate(270deg); }
.flotingMenu li { list-style-type: none; }
.flotingMenu li a { background: #e46f1a; border: 1px solid #056288; margin: 10px -60px 10px 0px; padding: 8px; border-radius: 5px 5px 0 0; width:100px; display: block; -webkit-transition: 0.25s; -moz-transition: 0.25s; transition: 0.25s; }
/*.flotingMenu li a:hover { margin-left: -115px; }*/
.flotingMenu li a span { margin: 0 0 0 10px; color:#fff; font-weight: bold; font-size:16px; }
.footer-btm { padding: 20px;/* background-color: #001219;*/ background-color: #000; color:#ffffff; }
.footer-btm a { color:#ffffff !important;}
.footer-btm span { color: #ffffff; }
.footer-col.footer-3 h3 { text-transform: uppercase; font-size: 35px; }
.footer-col  {border-right:2px solid #ddd;}
.footer-col p { color: #ddd; }
.footer-col ul { float: left; list-style: none; /*margin-right: 60px;*/ padding: 0; }
.footer-col ul li { margin-bottom: 0px; padding: 4px 0; }
.footer-col ul li a { color: #ddd; }
.footer-col ul li a:hover { color: #FFF; }
.footer-col h5 { color: #ddd; }
.footer-col img { width: 70%; }

@media screen and (min-width: 240px) and (max-width: 992px) {
	.footer-col  {border-right:0px solid #ddd;}
	.footer-col ul {margin-bottom: 0;}
	}

/*************soical icons**********/

.social-1 { margin: 20px 0; padding: 0; width:100%; }
.social-1 li { padding: 6px 2px; }
.social-1 li a i { width: 30px; height: 30px; line-height: 30px; text-align: center; background: #fff; color: #545454; font-size: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; -moz-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -webkit-transition: all 200ms ease-in; transition: all 200ms ease-in; border: 1px solid #545454;}
.social-1 li a i:hover { opacity: 0.8; }

@media only screen and (min-width: 768px) {
 	#footer .social-icons { float: right;}
}

@media (max-width: 1200px) {
	.social-1 li a i {width: 40px;height: 40px;line-height: 40px;font-size: 20px;}

}
@media (max-width: 768px) {
	.social-1 li a i {width: 30px;height: 30px;line-height: 30px;font-size: 15px;}

}
@media (max-width: 576px) {
.social-1 li a i {width: 30px;height: 30px;line-height: 30px;font-size: 15px;}

}

/* Reveal on scroll*/
.revealOnScroll { opacity: 0; }

.modal-content {background-color: #1d1d1d;}
.modal-title {color: #fff;}
.modal-body .form-label {color: #fff;}
.modal-header {    border-bottom: 1px solid #696969;}
.modal-footer {    border-top: 1px solid #696969;}

.modal-body .form-control:focus {  color: #ffffff;  background-color: #282828;  border-color: #86b7fe;}
.modal-body .form-control { color: #ffffff; background-color: #282828;  border: 1px solid #696969;}

/*****************************************
 ** - 00 -  Go Top CSS
 ******************************************/
.go-top { position: fixed; cursor: pointer; top: 0; right: 15px; color: #ffffff; background-color: #e46f1a; z-index: 4; width: 40px; text-align: center; height: 40px; line-height: 40px; opacity: 0; visibility: hidden; -webkit-transition: .9s;
transition: .9s;
border-radius: 50%; z-index: 10000; }
.go-top.active { top: 98%; -webkit-transform: translateY(-98%); transform: translateY(-98%); opacity: 1; visibility: visible; }
.go-top i { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; -webkit-transition:.0.4s;
transition: 0.4s; }
.go-top:after { position: absolute; z-index: -1; content: ""; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 1; background: radial-gradient( ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80% ); }
.go-top i:last-child { opacity: 0; visibility: hidden; top: 60%; }
.go-top::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;background: #ed8c22;opacity: 0;visibility: hidden;-webkit-transition: 0.4s;transition: 0.4s;border-radius: 50%;}
.go-top:hover,
.go-top:focus { color: #ffffff; }
.go-top:hover::before, .go-top:focus::before {opacity: 1;visibility: visible;}
.go-top:hover i:first-child,
.go-top:focus i:first-child { opacity: 0; top: 0; visibility: hidden; }
.go-top:hover i:last-child,
.go-top:focus i:last-child { opacity: 1; visibility: visible; top: 50%; }

.section{
  padding: 4rem 2rem; text-align: center;
}

.section .error{
  font-size: 150px;
  color: #008B62;
  text-shadow: 
    1px 1px 1px #00593E,    
    2px 2px 1px #00593E,
    3px 3px 1px #00593E,
    4px 4px 1px #00593E,
    5px 5px 1px #00593E,
    6px 6px 1px #00593E,
    7px 7px 1px #00593E,
    8px 8px 1px #00593E,
    25px 25px 8px rgba(0,0,0, 0.2);
}

.page{
  margin: 2rem 0;
  font-size: 20px;
  font-weight: 600;
  color: #444;
}

.back-home{
  display: inline-block;
  border: 2px solid #222;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  padding: 0.75rem 1rem 0.6rem;
  transition: all 0.2s linear;
  box-shadow: 0 15px 15px -11px rgba(0,0,0, 0.4);
  background: #222;
  border-radius: 6px;
}
.back-home:hover{
  background: #222;
  color: #ddd;
}

