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



Template Name: Earna - Consulting Business Template

Author: validtheme

Description:

Version: 1.0.2



Main Font    : Poppins

Main Color   : #1273eb



-------------------------------------



[Typography]



Body copy:    15px 'Open Sans', sans-serif

Header:     36px 'Poppins', sans-serif

Input, textarea:  15px 'Open Sans', sans-serif

Sidebar heading:  20px 'Poppins', sans-serif



>>> TABLE OF CONTENTS:

=======================

        

    01. Template default css

        - Animations

        - General

        - Section Title

        - Video Button

        - Typography

        - Tables

        - Forms

        - Buttons

        - Pagination

        - Colors

        - Accordion

        - Tabs

    02. Preloader

    03. Topbar

    04 Navbar

        - Navbar Default

        - Navbar Transparent

        - Navbar Sticky

        - Navbar Box

    05. Banner

        - Slide Effect

        - Fade Effect

    06. Features

    07. About Us

        - Full Width Version

        - Default Version

    08. Services

        - Version One

        - Version Two

        - Version Three

    09. Why Choose Us

    10. Company Analysis/Graph

    11. Companies/Clients/Partner

    12. Team

    13. Testimonials

    14. Projects

    15. Gallery

    16. Our Expertise

    17. Work Process

    18. FAQ

    19. Blog

        - Standard

        - Left Sidebar

        - Right Sidebar

        - Single

    20. Error 404

    21. Footer

    22. PHP Contact Form

    23. Others



*/





/*

** General Styles for HTML tags

*/



@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&display=swap');



* {

  padding: 0;

  margin: 0;

}



html {

  width: 100%;

  height: 100%;

  position: relative;

  overflow: visible;

}



body {

    font-family: 'Open Sans', sans-serif;

    font-size: 15px;

    font-weight: 400;

    line-height: 28px;

    overflow-x: hidden;

    background-color: #ffffff;

    color: #666666;

}



html, body {

  height: 100%;

}



h1, h2, h3, h4, h5, h6 {

  color: #232323;

  font-weight: normal;

  line-height: 1.2;

  font-family: 'Poppins', sans-serif;

  letter-spacing: 0;

  margin: 0;

}



h1,h2,h3,h4,h5,h6 {

  margin-bottom: 15px;

}



h1 {

  font-size: 40px;

}



h2 {

  font-size: 36px;

}



h3 {

  font-size: 27px;

}



h4 {

  font-size: 20px;

}



h5 {

  font-size: 18px;

}



h6 {

  font-size: 14px;

}







img {

  border: none;

  outline: none;

  max-width: 100%;

}



label {

  display: inline-block;

  font-weight: normal;

  margin-bottom: 5px;

  max-width: 100%;

}



a, .btn, button {

  transition: all 0.35s ease-in-out;

  -webkit-transition: all 0.35s ease-in-out;

  -moz-transition: all 0.35s ease-in-out;

  -ms-transition: all 0.35s ease-in-out;

  -o-transition: all 0.35s ease-in-out;

  outline: medium none;

  font-family: 'Poppins', sans-serif;

}



a img, iframe {

  border: none;

}



p {

  color: #3e3e3e;

  margin: 0 0 15px;

  text-transform: none;

  font-weight: 400;

}



hr {

  margin-top: 0;

  margin-bottom: 0;

  border: 0;

  border-top: 1px solid #eee;

}



input:focus, textarea:focus, 

 select:focus {

  outline: none;

  box-shadow: inherit;

}



ul {

  margin: 0;

  list-style-type: none;

}



a, a:active, a:focus, a:hover {

  outline: none;

  text-decoration: none;

  color: #232323;

}



a:hover {

  color: #232323;

}



a {

  transition: all 0.35s ease-in-out;

  -webkit-transition: all 0.35s ease-in-out;

  -moz-transition: all 0.35s ease-in-out;

  -ms-transition: all 0.35s ease-in-out;

  -o-transition: all 0.35s ease-in-out;

  text-decoration: none;

  font-weight: 600;

}



b, strong {

  font-weight: 900;

}



.btn.active, .btn:active {

  background-image: inherit !important;

}



.btn.focus, 

 .btn:active:focus, 

 .btn:active:hover, 

 .btn:focus, 

 .btn:hover {

  outline: 0;

}



.btn.circle {

  -webkit-border-radius: 40px;

  -moz-border-radius: 40px;

  border-radius: 40px;

}



.btn.active, .btn:active {

  outline: 0;

  -webkit-box-shadow: inherit;

  box-shadow: inherit;

}



input {

  border: 1px solid #e7e7e7;

  border-radius: inherit;

  box-shadow: inherit;

  min-height: 50px;

}

/* Default CSS */



.container-full {

  padding: 0 15px;

  margin: auto;

  max-width: 1400px;

}



@media (min-width:576px) {

  .container-full {

    max-width: 540px;

  }

}



@media (min-width:768px) {

  .container-full {

    max-width: 720px;

  }

}



@media (min-width:992px) {

  .container-full {

    max-width: 960px;

  }

}



@media (min-width:1200px) {

  .container-full {

    max-width: 1400px;

    width: 90%;

  }

}



.bg-cover {

  background-position: center center;

  background-size: cover;

}



.bg-gray {

  background: linear-gradient( 
    90deg, rgb(167 202 245) 0%, rgb(236 244 255) 100%);
}



.bg-dark {

  background-color: #1b1b1b !important;

}



.text-light h1, 

 .text-light h2, 

 .text-light h3, 

 .text-light h4, 

 .text-light h5, 

 .text-light h6, 

 .text-light p, 

 .text-light a {

  color: #ffffff;

}



.shadow {

  position: relative;

  z-index: 1;

  box-shadow: inherit !important;

}



.shadow.dark::after {

  background: #000000 none repeat scroll 0 0;

  content: "";

  height: 100%;

  left: 0;

  opacity: 0.5;

  position: absolute;

  top: 0;

  width: 100%;

  z-index: -1;

}



.default-padding,

.default-padding-bottom {

  position: relative;

}



.default-padding {

  padding-top: 60px;

  padding-bottom: 60px;

}



.default-padding-bottom {

  padding-bottom: 60px;

    padding-top: 50px;

}



.default-padding.bottom-less {

  padding-top: 60px;

  padding-bottom: 2px;

}



.default-padding-bottom.bottom-less {

  margin-bottom: -30px;

}



.align-center {

  align-items: center;

}



/* Button */



.btn {

  display: inline-block;

  font-weight: 600;

  text-transform: capitalize;

  -webkit-transition: all 0.35s ease-in-out;

  -moz-transition: all 0.35s ease-in-out;

  -ms-transition: all 0.35s ease-in-out;

  -o-transition: all 0.35s ease-in-out;

  transition: all 0.35s ease-in-out;

  overflow: hidden;

  border-radius: 8px;

  font-size: 15px;

  text-transform: capitalize;

  letter-spacing: 0.5px;

}



.btn-md {

  padding: 17px 42px;

}



.btn-md i {

    font-size: 18px;

    position: relative;

    top: 3px;

    margin-left: 30px;

}



.btn-md i::after {

    position: absolute;

    left: -19px;

    top: 8px;

    content: "";

    border: 1px solid #ffffff;

    width: 30px;

    height: 1px;

}



a:hover, a:active {

  opacity: 1;

  text-decoration: none;

}



.btn.btn-gradient {

  position: relative;

  z-index: 1;

  color: #ffffff;

}



.btn.btn-gradient::after {

  position: absolute;

  left: 0;

  top: 0;

  content: "";

  height: 100%;

  width: 100%;

  background-image: linear-gradient(to right, #1273eb,  #18ebeb, #1273eb);

  background-size: 220% 150%;

  text-transform: uppercase;

  display: inline-block;

  color: #ffffff !important;

  background-color: #1273eb;

  z-index: -1;

  transition: all 0.35s ease-in-out;

}



.torch-red .btn.btn-gradient::after {

  position: absolute;

  left: 0;

  top: 0;

  content: "";

  height: 100%;

  width: 100%;

  background-image: linear-gradient(to right, #FF9900, #d37900, #FF9900);

  background-size: 220% 150%;

  text-transform: uppercase;

  display: inline-block;

  color: #ffffff !important;

  background-color: #FF9900;

  z-index: -1;

  transition: all 0.35s ease-in-out;

}



.btn.btn-gradient:hover::after, 

.btn.btn-gradient:active {

  background-position: -70% 0;

  color: #ffffff;

}





.btn.btn-light.effect {

  color: #fff;

  border: 2px solid transparent;

  overflow: hidden;

  position: relative;



}



.btn.btn-light.effect::after {

  position: absolute;

  left: 0;

  bottom: 0;

  content: "";

  height: 100%;

  width: 100%;

  background: #ffffff;

  z-index: -1;

  transition: all 0.35s ease-in-out;

}



.btn.btn-light.effect:hover {

  border: 2px solid #ffffff;

  color: #ffffff;

  background: transparent !important;

}



.btn.btn-light.effect:hover::after {

  width: 0;

}



.btn-light.border {

    background: #ffffff;

    border: 2px solid #e7e7e7 !important;

}







/* End Button */



.relative {

  position: relative;



}



.bg-cover {

  background-position: center center !important;

  background-size: cover !important;

}



.overflow-hidden {

  overflow: hidden;

}



button, button:focus {

  border: none !important;

  box-shadow: inherit !important;

  outline: inherit !important;

}





/* Start Site Heading */





/* ============================================================== 

     # Top Bar 

=================================================================== */



.top-bar-area .container-full {

  padding: 0 30px;

}



.top-bar-area {

  font-family: 'Poppins', sans-serif;

  font-weight: 600;

}



.top-bar-area li {

  display: inline-block;

  margin-left: 15px;

  padding-left: 15px;

  position: relative;

  z-index: 1;
  font-size: 13px;
  font-weight: 500;

}



.top-bar-area li:first-child {

  margin: 0;

  padding: 0;

  border: none;

}



.top-bar-area p {

  margin: 0;

  font-weight: 600;

}



.top-bar-area p a {

  text-decoration: underline;

  font-weight: 600;

}



.top-bar-area .button a {

  display: inline-block;

  padding: 6px 25px;

  color: #ffffff;

  position: relative;

  z-index: 1;

  border: 1px solid rgba(255, 255, 255, 0.5);

}



.top-bar-area li::after {

  position: absolute;

  left: 0;

  top: 5px;

  content: "";

  height: 19px;

  width: 1px;

  border-left: 1px solid #dddddd;

}



.top-bar-area li:first-child::after {

  display: none;

}



.top-bar-area .item-flex {

  display: flex;

  align-items: center;

  justify-content: flex-end;

}



.top-bar-area .social ul {

  margin-left: 30px;

}



.top-bar-area .social ul li::after {

  display: none;

}



.top-bar-area .social li {

  margin-left: 10px;

}



.top-bar-area.inc-pad {

  padding: 5px 0;
  background-color: #409ad6 !important;


}



.top-bar-area .button i {

  margin-right: 5px;

}



.top-bar-area .info li i {

  margin-right: 5px;

  color: #fff;

}



.top-bar-area .info a {

  margin-left: 20px;

}



.top-bar-area.bg-dark .info li i {

  color: #ffffff;

}





/* ============================================================== 

     # Bradcrumb 

=================================================================== */

.breadcrumb-area {

  padding: 150px 0;

  position: relative;

  z-index: 1;

  overflow: hidden;

}



.breadcrumb-area .row {

    position: relative;

    z-index: 1;

}



.breadcrumb-area .breadcrumb {

  background: transparent none repeat scroll 0 0;

  display: inline-block;

  margin: 0;

  padding: 0;

  position: relative;

  z-index: 1;

}



.breadcrumb-area h1 {

  display: block;

  font-weight: 600;

  text-transform: capitalize;

  font-size: 40px;

  margin-top: -10px;

  margin-bottom: 20px;
  color: #ff9900;

}



.breadcrumb > li + li::before {

  content: "\f105";

  font-family: "Font Awesome 5 Free";

  font-weight: 600;

  padding: 0 5px;

  color: #ffffff;

  display: none;

}



.breadcrumb-area .breadcrumb li i {

  margin-right: 5px;

}



.breadcrumb-area .breadcrumb li {

  padding: 0 20px;

  position: relative;

  z-index: 1;

  display: inline-block;

}



.breadcrumb-area .breadcrumb li::after {

  content: "";

  height: 2px;

  left: -10px;

  margin-top: -1px;

  position: absolute;

  top: 50%;

  background: #ffffff;

  width: 15px;

}



.breadcrumb-area .breadcrumb li:first-child::after {

  display: none;

}



.breadcrumb-area .breadcrumb a, 

.breadcrumb-area .breadcrumb li {

    font-weight: 600;

    text-transform: uppercase;

    color: #ffffff;

    font-family: 'Poppins', sans-serif;

}



/* ============================================================== 

     # Banner 

=================================================================== */

body {

  height: 590px;

}





/* Animation delays */



/* Carousel Fade Effect */

/* Slider Zoom Effect */



/* Carousel Contril Right Position */



/* Carousel Indicators */



/* Content */

.earna-career .right-shape {
  position: absolute;
  right: 0;
  top: 120px;
}

.contact-us-area .right-shape {
  position: absolute;
  right: 0;
  top: 120px;
}



/* ============================================================== 

     # Video Button Play

=================================================================== */



/* Nice Select CSS */



/* ============================================================== 

     # About 

=================================================================== */

.btn-light {

  color: #212529;

  background-color: #ff9900 !important;

}





/* ============================================================== 

     # About Version Two  

=================================================================== */





/* ============================================================== 

     # About Version Three  

=================================================================== */



/* ============================================================== 

     # Features  

=================================================================== */





/* ============================================================== 

     # Services  

=================================================================== */





/* ============================================================== 

     # Services 

=================================================================== */





/* ============================================================== 

     # Thumb Services 

=================================================================== */



.thumb-services-area .right-shape {

    position: absolute;

    right: 0;

    top: 120px;

}



.thumb-services-area .services-items .item {

    background-size: cover;

    background-position: center;

    padding: 30px 20px;

    position: relative;

    z-index: 1;
    height: 251px;

}


.thumb-services-area .services-items .item::after {

    position: absolute;

    left: 0;

    top: 0;

    content: "";

    height: 100%;

    width: 100%;

    background: #ffffff;

    z-index: -1;

    box-shadow: 1px 4px 20px -2px rgb(0 0 0 / 10%);

    transition: all 0.35s ease-in-out;

}



.thumb-services-area .services-items .item .info h4 {

  font-weight: 600;
  height: 75px;

}



.thumb-services-area .services-items .item .info > i {

    display: inline-block;

    font-size: 45px;

    margin-bottom: 30px;

    color: #ffffff;

    height: 90px;

    width: 90px;

    line-height: 105px;

    background: linear-gradient(
      90deg
      , rgb(255 153 0) 57%, rgb(223 136 6) 100%);
    text-align: center;

    border-radius: 50%;

    position: relative;

    z-index: 1;

    transition: all 0.35s ease-in-out;

}



.thumb-services-area .services-items .item .info > i::after {

    position: absolute;

    right: 8px;

    bottom: 0;

    content: "";

    height: 20px;

    width: 20px;

    background: #ff9900;

    z-index: -1;

    border-radius: 50%;

    border: 3px solid #ffffff;

    transition: all 0.35s ease-in-out;

}



.thumb-services-area .services-items .item .bottom a {

    margin-top: 5px;

    color: #232323;

    display: inline-block;

    text-transform: uppercase;

    font-size: 14px;

}



.thumb-services-area .services-items .item .bottom a i {

    font-size: 12px;

    margin-right: 3px;

}





/* ============================================================== 

     # Services Default

=================================================================== */





/* ============================================================== 

     # Service Version Four

=================================================================== */





/* ============================================================== 

     # Services Details Area

=================================================================== */





/* ============================================================== 

     # Fun Factor  

=================================================================== */





/* ============================================================== 

     # Business Growth Area

=================================================================== */



.business-groth-area .info {

    padding-right: 35px;

    position: relative;

    z-index: 1;

}



.business-groth-area .info h4 {

    text-transform: uppercase;

    font-weight: 600;

    color: #1273eb;

    margin-top: -5px;

    display: inline-block;

    background: linear-gradient(
90deg
, rgb(64 153 214) 30%, rgb(140 51 221) 100%);
    -webkit-background-clip: text;

    -moz-background-clip: text;

    background-clip: text;

    -webkit-text-fill-color: transparent;

}



.business-groth-area .info h2 {

    font-weight: 600;

    margin-bottom: 30px;

}



.business-groth-area .info::after {

    position: absolute;

    content: "";

    /* background: url(assets/img/shape/14.png); */

    background-size: contain;

    background-repeat: no-repeat;

    left: -200px;

    top: -200px;

    height: 100%;

    width: 100%;

    z-index: -1;

    opacity: 0.1;

}



.business-groth-area .info a {

    margin-top: 20px;

}





/* ============================================================== 

     # Why Choose Us  

=================================================================== */









/* ============================================================== 

     # Partner  

=================================================================== */

.partner-area .item-box {

    padding: 55px 0;

    padding-right: 50px;

    position: relative;

    z-index: 1;

}



.partner-area .item-box img {

  width: auto;

  margin: auto;

}



.partner-area .item-box::after {

    position: absolute;

    right: 0;

    top: 0;

    content: "";

    height: 100%;

    width: 400%;

    background: #1273eb;

    z-index: -1;

}



.torch-red .partner-area .item-box::after {

    background:#1273eb;

}



.torch-red .partner-area .item-box.red::after {

    background: #FF9900;

}



.partner-area .item-box::before {

    position: absolute;

    right: 0;

    top: 0;

    content: "";

    height: 100%;

    width: 500px;

    /* background: url(assets/img/shape/4.png); */

    opacity: 0.2;

}



.partner-area {

    position: relative;

    z-index: 1;
    background-color: #1273eb;

}



.partner-area::after {

    position: absolute;

    left: 0;

    bottom: 0;

    content: "";

    height: 120px;

    width: 100%;

    background: linear-gradient(90deg, rgba(237,245,255,1) 0%, rgba(204,223,247,1) 100%);

    z-index: -1;

}



.partner-area.bg-gray::after {

    background: #ffffff;

}



.partner-area.shadow-less::after {

  display: none;

}



.partner-area .info {

    padding-right: 50px;

}



.partner-area .info h2 {

    font-weight: 600;
    margin-bottom: 0px;


}



.partner-area .info p {

    margin-bottom: -5px;

}





/* ============================================================== 

     # Team  

=================================================================== */







/* ============================================================== 

     # Team Single  

=================================================================== */



/* ============================================================== 

     # Testimonials  

=================================================================== */





/* ============================================================== 

     # Expertise  

=================================================================== */



/* ============================================================== 

     # Faq

=================================================================== */





/* ============================================================== 

     # Faq Area 

=================================================================== */
.card button {
  display: inline-block;
  padding: 9px 25px;
  border-radius: 5px;
  background: #ff9500;
  font-weight: 600;
  color: #ffffff;
}

.card button a{
 
  color: #ffffff;
}



/* ============================================================== 

     # Gallery 

=================================================================== */





/* ============================================================== 

     # Projects 

=================================================================== */



/* ============================================================== 

     # Project Details

=================================================================== */



/* ============================================================== 

     # Terms Policy 

=================================================================== */





/* ============================================================== 

     # Career

=================================================================== */





.earna-career .job-lists .item {

    box-shadow: 1px 4px 20px -2px rgb(0 0 0 / 10%);

    padding: 20px;

    border-radius: 7px;

    margin-bottom: 30px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    background: #ffffff;
    min-height: 180px;

}



.earna-career .job-lists .item:last-child {

    margin-bottom: 0;

}



.earna-career .job-lists .item .info {

    padding-right: 0px;

}



.earna-career .job-lists .item .info h4 {

  font-weight: 600;
  margin-bottom: 4px;
  font-size: 20px;
  margin-right: 24px;

}





.earna-career .job-lists .item .info .top {

    display: flex;

    align-items: center;

    margin-bottom: 20px;

    text-transform: uppercase;

    font-weight: 600;

    font-size: 14px;

}



.earna-career .job-lists .item .info .top i {

    display: inline-block;

    font-size: 40px;

    margin-right: 9px;

    color: #1273eb;

}



.earna-career .job-lists .item .info .top i.fa-wordpress {

  font-weight: 500;

}



.earna-career .job-lists .item .info ul li {

    display: block;

    margin-right: 20px;

    position: relative;

    z-index: 1;

}




.earna-career .job-lists .item .info ul li:last-child::after {

    display: none;

}







/* ============================================================== 

     # Blog Area  

=================================================================== */



/* Pagination */



/* Sidebar */



/* Blog Single */



/* Comments */





/* Pagination */



/* ============================================================== 

     # Contact Area  

=================================================================== */

.form-group {

  margin-bottom: 30px !important;

}





/* Google Maps */





/* ============================================================== 

     # Contact Version Two

=================================================================== */



.contact-us-area .info h2 {

    font-weight: 600;

}



.contact-us-area .info ul li {

    display: flex;

    margin-top: 30px;

}



.contact-us-area .info ul li:first-child {

  margin-top: 0;

}



.contact-us-area .info ul li p {

  margin: 0;

}



.contact-us-area .info ul li i {

    display: inline-block;

    font-size: 30px;

    height: 70px;

    width: 70px;

    text-align: center;

    line-height: 70px;

    background: #fff;
    color: rgb(255 153 0);

    border-radius: 8px;

    margin-right: 20px;

}



.contact-us-area .info ul {

    margin-top: 50px;

}



.contact-us-area .info ul li h5 {

    text-transform: uppercase;

    font-size: 16px;

    font-weight: 600;

    margin-bottom: 10px;

}



.contact-us-area form {

    background: #ffffff;

    box-shadow: 0 5px 30px 0 rgb(214 215 216 / 57%);

    padding: 60px;

}



.contact-us-area form input, .contact-us-area form textarea {

    border: none;

    background: #f4f4f4;

    padding: 20px;

    font-size: 15px;

}



.contact-us-area form textarea {

    min-height: 150px;

}



.contact-us-area form button {

    padding: 15px 42px;

    font-weight: 600;

    font-size: 15px;

    border-radius: 5px;

    background: transparent;

    position: relative;

    z-index: 1;

    transition: all 0.35s ease-in-out;

    color: #ffffff;

}



.contact-us-area form button::after {

  position: absolute;

  left: 0;

  top: 0;

  content: "";

  height: 100%;

  width: 100%;

  background-image: linear-gradient(to right, #fc9700, #c38524, #f49403);

  background-size: 220% 150%;

  text-transform: uppercase;

  display: inline-block;

  color: #ffffff !important;

  background-color: #1273eb;

  z-index: -1;

  transition: all 0.35s ease-in-out;

  border-radius: 5px;

}



.contact-us-area form button:hover::after, 

.contact-us-area form button:active {

  background-position: -70% 0;

  color: #ffffff;

}

/* ============================================================== 

     # Login Register

=================================================================== */





/* ============================================================== 

     # Error Page  

=================================================================== */





/* ============================================================== 

     # Footer  

=================================================================== */



footer {

    position: relative;

    z-index: 1;

}



footer::after {

    position: absolute;

    right: 0;

    top: 0;

    content: "";

    height: 400px;

    width: 400px;

    /* background: url(assets/img/map.svg); */

    background-size: cover;

    background-repeat: no-repeat;

    z-index: -1;

    opacity: 0.3;

}



footer .widget-title, 

footer img {

    margin-bottom: 30px;

    font-weight: 600;

}



footer .f-items .f-item.about {

    border-right: 1px solid rgba(255, 255, 255, 0.1);

    padding-right: 40px;

    margin-right: 10px;

}





footer .f-items .f-item form {

    position: relative;

    margin-top: 30px;

}



footer .f-items .f-item form input {

    background: #24282b;

    color: #ffffff;

    border: 1px dashed rgba(255, 255, 255, 0.1);

    font-size: 14px;

}



footer .f-items .f-item form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  color: #adb5bd;

}



footer .f-items .f-item form input::-moz-placeholder { /* Firefox 19+ */

  color: #adb5bd;

}



footer .f-items .f-item form input:-ms-input-placeholder { /* IE 10+ */

  color: #adb5bd;

}



footer .f-items .f-item form input:-moz-placeholder { /* Firefox 18- */

  color: #adb5bd;

}



footer .f-items .f-item form button {

    position: absolute;

    right: 0;

    top: 0;

    height: 50px;

    width: 50px;

    background: transparent;

    color: #1273eb;

    font-size: 25px;

}



.torch-red footer .f-items .f-item form button {

    color: #FF9900;

}



footer .f-items .f-item form button::after {

    position: absolute;

    left: 0;

    top: 50%;

    content: "";

    height: 30px;

    width: 1px;

    margin-top: -15px;

    opacity: 0.1;

    border-left: 1px solid #ffffff;

}



footer .f-items .f-item form button i {

    position: relative;

    top: 4px;

}



footer p {

  color: #a0a2a6 !important;

}



footer a {

  font-weight: 500;

}



footer .f-items .f-item.link li {

    margin-bottom: 12px;

}



footer .f-items .f-item.link li:last-child {

    margin-bottom: 0;

}



footer .f-items .f-item.link li a:hover {

    color: #ffffff;

    margin-left: 10px;

}



footer .f-items .f-item.link li a {

    font-weight: 400;

    color: #a0a2a6;

}



footer .f-items .f-item.link li a i {

    font-size: 12px;

    margin-right: 3px;

}



footer .f-items .f-item .address li {

    display: flex;

    margin-bottom: 25px;

}



footer .f-items .f-item .address li .content,

footer .f-items .f-item .address li .content a {

  color: #a0a2a6;

}



footer .f-items .f-item .address li i {

    display: inline-block;

    margin-right: 20px;

    color: #ffffff;

    font-size: 24px;

    color: #1273eb;

    position: relative;

    top: 5px;

}



.torch-red footer .f-items .f-item .address li i {

    color: #FF9900;

}



footer .f-items .f-item .address li:last-child {

    margin-bottom: -8px;

}



footer .f-items .f-item .address li strong {

    display: block;

    font-family: 'Poppins', sans-serif;

    font-weight: 600;

    text-transform: uppercase;

    color: #ffffff;

}



/* Footer Bottom */

footer .footer-bottom {

  overflow: hidden;

}



footer .footer-bottom p {

  margin-bottom: 0;

}



footer .footer-bottom li {

    display: inline-block;

    margin-left: 15px;

    position: relative;

    z-index: 1;

    padding-left: 25px;

}



footer .footer-bottom li::before {

    position: absolute;

    left: 0;

    top: 50%;

    content: "";

    height: 5px;

    width: 5px;

    background: #ffffff;

    border-radius: 50%;

    margin-top: -3px;

    opacity: 0.5;

}



footer .footer-bottom li:first-child::before {

    display: none;

}



footer .footer-bottom-box {

    padding: 20px 0;

    padding-right: 80px;

    position: relative;

    z-index: 1;

}



footer .footer-bottom-box::after {

    position: absolute;

    right: 0;

    top: 0;

    content: "";

    height: 100%;

    width: 400%;

    background: #24282b;

    z-index: -1;

    opacity: 0.8;

    clip-path: polygon(0 0, 99% 0, 100% 100%, 10% 100%);

}





/* ============================================================== 

     # Preloader 

=================================================================== */





/* ============================================================== 

     # Demo 

=================================================================== */


.testimonials-area .fixed-shape {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 80%;
  width: 50%;
  background-size: contain;
  background-position: left bottom;
  background-repeat: no-repeat;
}

.testimonials-area .testimonial-items {
  position: relative;
  z-index: 1;
}
.testimonials-area .item {
  padding: 63px 50px 24px;
  position: relative;
  z-index: 1;
}
.testimonials-area .item .provider h4 {
  margin-bottom: 5px;
  font-weight: 600;
}
.torch-red .testimonials-area .item .provider span {
  color: #FF9900;
}
.testimonials-area .item .provider span {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  color: #1273eb;
}
.testimonials-area .row > .info {
  padding-left: 50px;
  border-left: 1px solid #c7c7c7;
}
.torch-red .testimonials-area .row > .info h4 {
  color: #FF9900;
}
.testimonials-area .row > .info h4 {
  text-transform: uppercase;
  font-weight: 600;
  color: #1273eb;
}
.testimonials-area .row > .info h2 {
  font-weight: 600;
  margin-bottom: 25px;
}
.testimonials-area .testimonials-carousel .owl-nav {
  position: absolute;
  right: 30px;
  bottom: 135px;
}
.testimonials-area .testimonials-carousel .owl-nav .owl-prev, .testimonials-area .testimonials-carousel .owl-nav .owl-next {
  background: transparent;
  color: #232323;
  font-size: 25px;
  margin: 0;
}
.testimonials-area .item::after {
  position: absolute;
  left: 50px;
  top: 10px;
  content: "\f10d";
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 80px;
  opacity: 0.07;
  z-index: -1;
}





/* ============================================================== 

   # Faq Area 

=================================================================== */
.card button {
display: inline-block;
padding: 9px 25px;
border-radius: 5px;
background: #ff9500;
font-weight: 600;
color: #ffffff;
}

.card button a{

color: #ffffff;
}

.services-items .item {
    height: auto !important;
    min-height: 330px !important;
}

.services-items .top
{
  height: 485px !important;
}

.services-items .item p
{
  height: auto !important;
}

.services-items .top p
{
  height: 180px !important;
}


@media (min-width: 768px) {
  .navbar-nav > li {
    float: left;
  }
}

.language_icon {
  padding-left: 20px;
}



.social-mobile {position: fixed; right: 20px; top: 20px; display: flex; z-index: 1000;}

.social-mobile ul li {display: inline-flex; margin: 0 5px;}

@media(min-width: 769px) {.social-mobile {display: none;}}



@media (max-width: 1023px){
nav.navbar.bootsnav.navbar-fixed .navbar-toggle {
    margin-top: 6px !important;
}
}