/*

*

* Theme Car Expert style

* author: Noor Alam

*

*/



:root {

  ---light-body: #ffffff;

  ---light-content: #f7f8fa;

  --section-color: #f9f9fc;

  --section-color-2: #fdfdfd;

  --box-color: #eee;

  --box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;

  --box-shadow-2: 0 20px 40px #d9d4d4e6;

  --black: #000;

  --white: #fff;

  --color-primary: #19BCCA;

  --color-hv-primary: #01737d;

  --color-heading: #222429;

  --color-gray: #686a6f;

  --color-gray-2: #1c1e22;

}



html {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  scroll-behavior: smooth;

}



body {

  font-family: "Rubik", sans-serif;

  background-color: var(---light-body);

  color: var(--black);

  font-size: 1.1rem;

}



body.dark {

  ---light-body: #212428;

  --section-color: #111319;

  --section-color-2: #191919;

  --box-color: rgb(30 30 30 / 64%);

  --box-shadow: inset 10px 10px 10px rgba(255, 255, 255, 0.05),

    15px 25px 20px rgba(255, 255, 255, 0.05),

    10px 10px 20px rgba(255, 255, 255, 0.05),

    inset -10px -10px 15px rgba(0, 0, 0, 0.9);

  --box-shadow-2: 0 20px 40px #0c0c0ce6;

  --white: #000;

  --black: #fff;

  --color-heding: #ffffff;

  --color-gray: #c4cfde;

  --color-gray-2: #d9e0eb;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: "Montserrat", sans-serif;

}



a {

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

  display: inline-block;

  color: inherit;

}

.entry-title a{

  text-decoration: inherit;

}

a:hover {

  color: var(--color-hv-primary);

}



img {

  max-width: 100%;

  height: auto;

}



.bg-black {

  background: #000;

}



.text-white a {

  color: #fff;

}



.btn {

  display: inline-block;

  padding: 1rem 3rem;

  border-radius: 1rem;

  -webkit-box-shadow: var(--shadow-white-3);

  box-shadow: var(--shadow-white-3);

  background: var(--gradient-box-w);

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

  color: var(--black);

}



.btn.outline {

  margin-left: 1rem;

  color: var(--black);

  background-color: transparent;

  border: 2px solid var(--color-primary);

}



.btn:hover {

  background: var(--gradient-red-hover);

  color: #fff;

  -webkit-transform: translateY(-3px);

  -ms-transform: translateY(-3px);

  transform: translateY(-3px);

}



.btn.outline:hover {

  background-color: var(--color-primary);

  color: var(--white);

}



html body .shadow {

  -webkit-box-shadow: var(--box-shadow) !important;

  box-shadow: var(--box-shadow) !important;

}



input[type="search"],

input[type="email"],

input[type="url"],

input[type="text"],

select {

  display: block;

  width: 100%;

  padding: 0.375rem 0.75rem;

  font-size: 1rem;

  font-weight: 400;

  line-height: 1.5;

  color: #212529;

  background-color: #fff;

  background-clip: padding-box;

  border: 1px solid #ced4da;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

  border-radius: 0.25rem;

  -webkit-transition: border-color 0.15s ease-in-out,

    -webkit-box-shadow 0.15s ease-in-out;

  transition: border-color 0.15s ease-in-out,

    -webkit-box-shadow 0.15s ease-in-out;

  -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,

    -webkit-box-shadow 0.15s ease-in-out;

}



[type="search"]:focus,

[type="text"]:focus {

  color: #212529;

  background-color: #fff;

  border-color: #86b7fe;

  outline: 0;

  -webkit-box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);

  box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);

}



input[type="submit"],

html body button,

a#clickTop {

  border: 1px solid #ccc;

  padding: 5px 20px;

  vertical-align: middle;

  background: var(--color-primary);

  color: #fff;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

}



input[type="submit"] {

  width: auto !important;

}



input[type="submit"]:hover,

button:hover,

a#clickTop {

  background: #464646;

}



/*Secondery color*/



a,

.entry-meta span,

.entry-footer span,

.entry-meta a,

.ghead-meta {

  color: var(--color-primary);

}



nav.navigation.pagination {

  margin-bottom: 2rem;

}



.pagination .nav-links a:hover,

.pagination .nav-links span {

  background-color: var(--color-primary);

}



/*Primery color*/



a:hover,

.entry-meta a:hover,

h2.entry-title a:hover {

  color: var(--color-primary);

}



.modal.show .modal-dialog {

  margin-bottom: 80px;

}



/*

#

# Heade style

#

*/

/*header style one*/

header.ax-hstyle1 {

  -webkit-box-shadow: 0 5px 15px rgb(0 0 0 / 12%);

  box-shadow: 0 5px 15px rgb(0 0 0 / 12%);

}



.pxm-style1 .main-navigation ul li a {

  text-decoration: none;

}



.pxms1-logo {

  margin: 0;

  -webkit-box-flex: 0;

  -ms-flex: 0 0 270px;

  flex: 0 0 270px;

}



.pxm-style1 .d-flex {

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.header-img img {

  width: 100%;

}



.pxms1-logo h1.site-title {

  font-size: 28px;

  font-weight: 700;

}



.pxms1-logo h1.site-title a {

  color: var(--color-primary);

  text-decoration: none;

}



.head-logo-sec {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-flow: row wrap;

  flex-flow: row wrap;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin: 10px 0;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  text-align: center;

  padding: 20px 0;

}



.brand-text .site-title {

  font-size: 60px;

}



.head-info {

  margin-left: auto;

  margin-right: 0;

}



.site-branding.brand-logo {

  margin-right: 10px;

}



.site-branding.brand-logo img {

  max-width: 250px;

  max-height: 150px;

}



.site-branding.brand-logo img {

  max-width: 250px;

  max-height: 150px;

}



.brand-text .site-description {

  font-size: 17px;

  font-style: italic;

}



.scrolling .brand-text .site-description {

  display: none;

}



.car-expert-logo-section {

  border-bottom: 2px solid #fbf7ef;

}



/* Main Menu style */

.mobile-menu-bar {

  display: none;

}



.menu-bar {

  position: relative;

  -webkit-box-shadow: 0 0 5px rgb(0 0 0 / 12%);

  box-shadow: 0 0 5px rgb(0 0 0 / 12%);

  margin: 5px 0;

}



div#car-expert-menu ul {

  margin: 0;

}



.main-navigation ul {

  list-style: outside none none;

  padding: 0;

  margin-bottom: 0;

}



.main-navigation ul ul {

  margin: 0;

}



.main-navigation ul li {

  display: inline-block;

  position: relative;

}



.main-navigation ul li a {

  color: #222;

  display: block;

  padding: 15px;

}



.main-navigation ul li:after {

  background: #fff none repeat scroll 0 0;

  content: "";

  height: 25px;

  margin-bottom: 12.5px;

  opacity: 0.2;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";

  position: absolute;

  right: 0;

  top: 30%;

  width: 1px;

}



.main-navigation ul li:last-child:after {

  display: none;

}



.main-navigation ul li:first-child a {

  padding-left: 0;

}



/*dropdown menu*/



.main-navigation ul li ul {

  position: absolute;

  top: 60px;

  left: 0;

  z-index: 9999;

  background: #fff;

  width: 250px;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

  opacity: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  visibility: hidden;

  text-align: left;

  -webkit-box-shadow: 0px 5px 42px -6px rgb(92 91 92);

  box-shadow: 0px 5px 42px -6px rgb(92 91 92);

}



.main-navigation ul li ul li {

  display: block;

}



.main-navigation ul li li a,

.main-navigation ul li li:first-child a,

.main-navigation ul li li:last-child a,

.main-navigation ul li:first-child li a {

  padding: 15px;

  text-transform: none;

}



.main-navigation ul li li:after {

  bottom: auto;

  width: 100%;

  height: 1px;

  top: auto;

  margin-top: 0;

  opacity: 0.1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";

}



.main-navigation ul li li:hover>a,

.main-navigation ul li li.hover>a {

  background-color: #fff;

  color: #000;

}



.main-navigation ul li:hover>a,

.main-navigation ul li:focus>a {

  color: var(--color-primary);

}



.main-navigation ul li:hover ul,

.main-navigation ul li.hover ul {

  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  visibility: visible;

  top: 50px;

}



.main-navigation ul li ul ul {

  left: 250px;

}



.main-navigation ul li:hover ul li ul {

  opacity: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  visibility: hidden;

}



.main-navigation ul li:hover ul li:hover>ul {

  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  visibility: visible;

  top: 20px;

}



.main-navigation ul ul ul ul ul {

  right: 250px;

  left: auto;

}



.main-navigation ul ul ul ul ul ul ul {

  right: auto;

  left: 250px;

}



.main-navigation ul ul ul ul ul ul ul ul ul {

  left: auto;

  right: 250px;

}



.main-navigation ul ul ul ul ul ul ul ul ul ul ul {

  right: auto;

  left: 250px;

}



.main-navigation ul>li.menu-item.menu-item-has-children {

  padding-right: 15px;

}



.main-navigation ul ul li.menu-item.menu-item-has-children {

  padding-right: 0;

}



.main-navigation ul li.menu-item.menu-item-has-children>a {

  position: relative;

  z-index: 0;

}



.main-navigation ul li.menu-item.menu-item-has-children>a:after {

  position: absolute;

  top: 0;

  right: 2px;

  background: transparent;

  z-index: 99999;

  content: "\f078";

  font-family: "Font Awesome 5 Free";

  font-weight: 900;

  font-size: 8px;

  bottom: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.main-navigation ul ul li.menu-item.menu-item-has-children>a:after {

  right: 12px;

}



/* Small menu. */

.menu-toggle,

.main-navigation.toggled ul {

  display: block;

}



@media screen and (min-width: 37.5em) {

  .menu-toggle {

    display: none;

  }



  .main-navigation ul {

    display: block;

  }

}



/*

 #

 # Widget style

 #

 */

 aside#secondary {

   position: sticky;

   top: 50px;

 }

.widget .search-form label,

.widget .search-form .search-submit {

  width: 100%;

  margin: 6px 0;

}



h2.widget-title,

.widget h2 {

  font-size: 24px;

  margin-bottom: 1.5rem;

}



.widget ul {

  margin: 0;

  padding: 0;

  list-style: none;

}



.widget ul li {

  margin-bottom: 5px;

}



.widget ul li {

  margin-bottom: 5px;

  padding-bottom: 5px;

  border-bottom: 1px solid #ededed;

}



.widget ul li:last-child {

  border-bottom: 0;

}



.widget ul li a {

  color: inherit;

}



.widget ul li a:hover {

  color: var(--color-primary);

}



.widget .search-form .search-submit {

  width: 97%;

  margin-top: 5px;

}



.tagcloud a {

  border: 1px solid #ededed;

  background: #fff;

  padding: 5px 7px;

  margin: 0 2px 5px 0;

}



.tagcloud {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-flow: row wrap;

  flex-flow: row wrap;

}



/*

 #

 # page And post style

 #

 */

header.entry-header.page-header {

  margin-bottom: 1.5rem;

}



/*posts List style*/

.car-expert-text-list h2.entry-title {

  font-size: 1.5rem;

}

.car-expert-text-list,

aside section.widget,

.menu-bar,

article.post,

.post-navigation,

.comments-area,

.archive-header,

.search-header,

.pagination .nav-links a {

  border-radius: 5px;

  -webkit-box-shadow: var(--shadow-white-3);

  box-shadow: var(--shadow-white-3);

  background: var(--gradient-box-w);

}



a.car-expert-readmore {

  -ms-flex-align: center;

  font-size: 1rem;

  color: #000;

  text-decoration: none;

  font-weight: 600;

}



.car-expert-text {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  width: 100%;

  height: 100%;

}



.list-meta {

  font-size: 11px !important;

  text-transform: uppercase;

  display: inline-block;

}



.list-meta.list-author,

.list-meta.list-author a {

  color: #ababab;

}



h2.entry-title a,

h2.entry-title {

  color: #1b1b1b;

}



/*posts grid style*/

h2.entry-title.grid-title {

  font-size: 20px;

}



/* Blog Section Start */



.ax-all-blog .ax-single-blog-post-categories a {

  font-size: 13px;

  color: var(--black);

  position: relative;

}



.ax-all-blog .ax-single-blog-post-categories a:after {

  position: absolute;

  width: 100%;

  height: 2px;

  content: "";

  background: var(--color-primary);

  left: 0;

  bottom: 2px;

}



.ax-all-blog .ax-single-blog-post-categories {

  padding: 10px 0;

}



.ax-all-blog .ax-single-blog-post-categories a:hover {

  color: var(--color-primary);

}



h2.ax-single-blog-post-title {

  font-size: 24px;

  font-weight: 700;

}



.ax-all-blog .ax-single-blog-post-title a {

  color: var(--color-primary);

  text-decoration: none;

}



.ax-all-blog .ax-single-blog-post-title a:hover {

  color: var(--color-gray);

}



.ax-blog-post-author-img img {

  width: 20px;

  height: 20px;

  object-fit: cover;

  border-radius: 50%;

  transition: 0.3s;

  margin-right: 6px;

}



.ax-blog-post-author-detalis {

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  margin-bottom: 7px;

}



.ax-blog-post-author-img {

  display: flex;

  flex-direction: row;

  align-items: center;

  flex-wrap: wrap;

  margin-right: 0.5rem;

}



a.ax-blog-post-author-name {

  color: var(--black);

  font-weight: 600;

}

span.byline {

  display: inline-block;

  margin: 4px 0px 5px 15px;

}

a.ax-blog-post-author-name:hover {

  color: var(--color-gray);

}



.ax-single-blog-post-pub-date p,

.ax-blog-post-author a,

.ax-blog-post-author>* {

  color: var(--color-gray);

  font-size: 12px;

  margin: 0;

  line-height: inherit;

  padding: 0;

  text-decoration: inherit;

}



.ax-all-blog .ax-single-blog-post-author-section {

  display: flex;

  align-items: center;

  justify-content: space-between;

  flex-wrap: wrap;

  margin: 20px 0;

}



.ax-all-blog .ax-single-blog-post-reaction-section {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin-top: -14px;

}



.ax-all-blog .ax-single-blog-post-view {

  margin-right: 13px;

}



.ax-all-blog .ax-single-blog-post-reaction-section i {

  margin-right: 2px;

}



.ax-all-blog .ax-single-blog-post-reaction-section a {

  color: var(--black);

  font-weight: 500;

}



.ax-all-blog .ax-single-blog-post-reaction-section a:hover {

  color: var(--color-gray);

}



.ax-all-blog .ax-single-blog-post-dres p {

  color: var(--color-gray);

  font-weight: 300;

  font-size: 16px;

  line-height: 1.7;

  letter-spacing: 0.6px;

}



.ax-all-blog a.ax-single-blog-post-readmore-btn {

  color: var(--black);

  -webkit-box-shadow: var(--box-shadow);

  box-shadow: var(--box-shadow);

  padding: 11px 15px;

  text-align: center;

  border-radius: 5px;

}



.ax-all-blog .ax-single-blog-post-dres {

  margin-bottom: 40px;

}



.ax-all-blog .ax-single-blog-post {

  margin-bottom: 35px;

  padding: 10px;

  border-radius: 5px;

  box-shadow: var(--box-shadow);

}



.ax-all-blog a.ax-single-blog-post-readmore-btn:hover {

  color: var(--color-primary);

  letter-spacing: 2px;

  font-weight: 600;

}



.ax-single-blog-post-details {

  padding: 10px;

}



.ax-all-blog .ax-single-blog-post-img img {

  border-radius: 5px;

}



.ax-all-blog .ax-single-blog-post-img {

  width: 100%;

  height: 100%;

  transition: .4s

}



.ax-all-blog .ax-single-blog-post:hover .ax-single-blog-post-img {

  transform: translateY(-10px) scale(1.05)

}



.ax-all-blog .ax-blog-next-all-btn {

  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;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}



.ax-all-blog .ax-blog-next-all-btn a {

  -webkit-box-shadow: var(--box-shadow);

  box-shadow: var(--box-shadow);

  text-align: center;

  padding: 5px 15px;

  margin-right: 13px;

  border-radius: 5px;

  font-weight: 600;

  color: var(--color-gray);

}



.ax-all-blog .ax-blog-next-all-btn a:hover {

  color: var(--black);

}



.xpost-item.shadow.pb-3.mb-5 {

  width: 100%;

}



.blog .sticky {

  background: #7798d33d;

  position: relative;

}



.blog .sticky:before {

  position: absolute;

  right: 10px;

  top: 8px;

  font-family: "Font Awesome 5 Free";

  font-weight: 400;

  content: "\f005";

  color: #048f02;

}



a.car-expert-readmore {

  display: inline-block;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  vertical-align: middle;

  font-size: 15px;

}



a.car-expert-readmore i {

  margin: 0px 0 0 6px;

  opacity: 0.7;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

  vertical-align: middle;

}



a.car-expert-readmore:hover i {

  margin-left: 10px;

}



.pagination .nav-links {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  width: 100%;

  padding: 10px;

}



.pagination .nav-links a,

.pagination .nav-links span {

  padding: 5px 10px;

  -webkit-box-shadow: 0px 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;

  box-shadow: 0px 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;

  margin-right: 10px;

}



.pagination .nav-links a:hover,

.pagination .nav-links span {

  color: #fff;

  background: var(--color-primary);

}



.entry-meta a,

.entry-meta span,

.ghead-meta {

  font-size: 14px;

}



.post-thumbnail img {

  border: 1px solid #ededed;

}



.aghome .ax-home-title h1.ax-section-title {

  color: var(--white);

}



section.no-results.not-found.xmain-404 {

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}



footer.entry-footer {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-flow: row wrap;

  flex-flow: row wrap;

}



footer.entry-footer span {

  margin-right: 10px;

  padding-right: 10px;

  border-right: 1px solid #ccc;

}



footer.entry-footer span,

footer.entry-footer span a {

  font-size: 14px;

}



footer.entry-footer span:last-child {

  border: none;

}



.site-info a {

  color: inherit;

}



.navigation.post-navigation .nav-links {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-flow: row wrap;

  flex-flow: row wrap;

  -webkit-box-shadow: var(--box-shadow) !important;

  box-shadow: var(--box-shadow) !important;

  padding: 20px 10px;

  margin-bottom: 3rem;

}



.navigation.post-navigation .nav-links .nav-next {

  margin-left: auto;

}



.comments-area {

  -webkit-box-shadow: var(--box-shadow) !important;

  box-shadow: var(--box-shadow) !important;

  padding: 20px 20px;

  margin-bottom: 20px;

}



.comments-area .comment-form-comment label {

  display: block;

}



.comments-area .comment-form-comment textarea {

  width: 100%;

}

.pagination a,

.navigation a{

  text-decoration: inherit;

}

/*404 style*/

.xmain-404 {

  height: 100vh;

  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;

}



.xmain-404 h1 {

  font-size: 60px;

  background: -webkit-linear-gradient(rgb(214, 3, 3), rgb(65, 9, 9));

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



/*

# Footer style

*/

.site-footer {

  -webkit-box-shadow: 0 0 5px rgb(0 0 0 / 12%);

  box-shadow: 0 0 5px rgb(0 0 0 / 12%);

}



a#clickTop {

  right: 5px !important;

}



/*Home intro section*/



.aghome {

  padding: 0;

  overflow: hidden;

  position: relative;

  opacity: 0;

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  transition: 0.5s;

}



.aghome.show-axbanner {

  opacity: 1;

}



.aghome .ax-home-bg {

  width: 100%;

  min-height: 100vh;

  max-height: 100vh;

  position: relative;

  overflow: hidden;

  z-index: 1;

}



#ax-praticals {

  position: absolute;

  top: 0;

  z-index: 10;

  width: 100%;

  height: 100vh;

  right: 0;

}



.aghome .ax-home-bg img {

  min-width: 100%;

  height: auto;

  overflow: hidden;

}



.aghome .ax-home-bg:before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  content: "";

  background: #000000bd;

  z-index: 99;

}



.aghome .ax-home-details {

  position: absolute;

  top: 5%;

  z-index: 99;

  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;

  height: 100vh;

  width: 100%;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  padding: 0 30px;

}



/* Home Two Css Start */



.aghome .ax-home-two-details {

  position: absolute;

  top: 5%;

  left: 5%;

  z-index: 99;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  height: 100vh;

  width: 100%;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}



/* Home Two Css End */

.ax-hstyle1.has-aghome {

  position: fixed;

  width: 100%;

  height: auto;

  z-index: 999;

  -webkit-box-shadow: inherit;

  box-shadow: inherit;

  padding: 10px 0;

}



.ax-hstyle1.has-aghome ul li li a {

  color: var(--black);

}



.ax-hstyle1.has-aghome,

.ax-hstyle1.has-aghome ul li a {

  color: var(--white);

}



.scrolling .ax-hstyle1.has-aghome ul li a {

  color: var(--black);

}



.aghome .ax-home-subtitle p {

  color: var(--white);

  font-size: 1.5rem;

}



.aghome .ax-home-title h1 {

  font-size: 60px;

  color: var(--color-primary);

  font-weight: 900;

  letter-spacing: 2px;

}



.aghome .ax-home-dres {

  padding-top: 15px;

  max-width: 900px;

}



.aghome .ax-home-dres p {

  font-size: 18px;

  color: #e5e0e0;

  margin: 0;

  font-weight: 500;

  letter-spacing: 1px;

  line-height: 1.9;

}



.aghome .ax-home-btn {

  margin-top: 40px;

  display: flex;

  align-items: center;

  flex-wrap: wrap;

}



.aghome a.ax-home-first-btn {

  background: transparent;

  border: 2px solid var(--color-primary);

  color: var(--color-primary);

  font-size: 18px;

  font-weight: 700;

  padding: 12px 20px;

  border-radius: 5px;

  margin-right: 25px;

  text-decoration: none;

}



.aghome a.ax-home-first-btn:hover {

  background: var(--color-primary);

  color: var(--white);

}



body.scrolling .ax-hstyle1 {

  box-shadow: 0 5px 15px rgb(0 0 0 / 20%);

  background-color: var(---light-body);

  transition: 0.5s;

  padding: 8px 0;

  display: block;

  position: fixed;

  width: 100%;

  top: 0;

  left: 0;

  z-index: 999;

}



body.admin-bar.has-aghome .ax-hstyle1,

body.admin-bar.scrolling .ax-hstyle1 {

  top: 32px;

}



/*Scroll Animation*/



.js-scroll {

  opacity: 0;

  transition: opacity 500ms;

}



.js-scroll.scrolled {

  opacity: 1;

}



.ax-all-blog .js-scroll:first-child,

.ax-all-blog .js-scroll:nth-child(2),

.ax-all-blog .js-scroll:nth-child(3) {

  opacity: 1;

}



.scrolled.fade-in {

  animation: fade-in 1s ease-in-out both;

}



.scrolled.fade-in-bottom {

  animation: fade-in-bottom 1s ease-in-out both;

}



.scrolled.slide-left {

  animation: slide-in-left 1s ease-in-out both;

}



.scrolled.slide-right {

  animation: slide-in-right 1s ease-in-out both;

}





@keyframes slide-in-left {

  0% {

    -webkit-transform: translateX(-100px);

    transform: translateX(-100px);

    opacity: 0;

  }



  100% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

    opacity: 1;

  }

}



@keyframes slide-in-right {

  0% {

    -webkit-transform: translateX(100px);

    transform: translateX(100px);

    opacity: 0;

  }



  100% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

    opacity: 1;

  }

}



@keyframes fade-in-bottom {

  0% {

    -webkit-transform: translateY(50px);

    transform: translateY(50px);

    opacity: 0;

  }



  100% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

    opacity: 1;

  }

}



@keyframes fade-in {

  0% {

    opacity: 0;

  }



  100% {

    opacity: 1;

  }

}