@import url("../font1/font.css");



/*@import url("../../css2-1");*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');







::selection {


  background: rgb(251 188 5);



  color: #fff;



  text-shadow: none;



}



::-webkit-scrollbar {



  width: 5px;



  background-color: #f5f5f5;



}



::-webkit-scrollbar-button:start:decrement,



::-webkit-scrollbar-button:end:increment {



  display: none;



}



::-webkit-scrollbar-track-piece {



  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);



  background-color: #fff;



}



::-webkit-scrollbar-thumb:vertical {



  border-radius: 10px;



  background-color: rgb(251 188 5);



}



[class^="box-"] {



  display: none;



}



[class^="box-"].showfirst {



  display: block;



}



html {



  scroll-behavior: smooth;



}



body {

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

    overflow-x: hidden;

    font-size: 16px;

    color: #000000;

  }



h1,



h2,



h3,



h4,



h5,



h6 {



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



}



a,



li {



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



}



p {



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



  font-size: 16px;



}



header {



  position: absolute;



  left: 0;



  right: 0;



  top: 0;



  z-index: 2;



}



.main-header {



  padding: 40px 0px 0 0;



}



.menu-Bar {



  width: 30px;



  height: 20px;



  cursor: pointer;



  position: absolute;



  right: 15px;



  top: 0;



  bottom: 0px;



  margin: auto;



  z-index: 22;



  display: none;



}



.logo {



  display: inline-block;



}



.logo img {



  display: block;



}



img {



  max-width: 100%;



  height: auto;



}



ul.main-menu {



  display: flex;



  align-items: center;



  justify-content: center;



}



ul.main-menu li a {



  color: #ffff;



  font-size: 16px;



  padding: 0px 0 0 21px;



  text-decoration: none;



}



a.dropdown-head-aa {



  margin: 0 0 50px 0;



  position: relative;



}



ul.main-menu li a i {



  position: relative;



  top: -4px;



}



.fa-sort-down:before {



  content: "\f0dd";



}



.new-dd-ame {



  position: absolute;



  background-color: rgb(255, 255, 255);



  width: 749px;



  height: 242px;



  padding: 30px 20px;



  display: none;



  border-radius: 5px;



  left: 79px;



}



ul.new-dd-ame-list li a {



  padding-bottom: 20px;



}



.new-dd-ame li a {



  color: #000 !important;



}



ul.banner-cta {



  display: flex;



  align-items: center;



  justify-content: space-evenly;



}



.fa-sort-down:before {



  content: "\f0dd";



}



.main-banner {



  background: url(../images/banner-home.webp);



  position: relative;



  padding: 200px 0 30px 0;



  z-index: 1;



  display: flex;



  align-items: center;



  height: 900px;



  background-repeat: no-repeat;



  background-size: cover;



}



section.main-banner::before {content: "";background: rgb(0 0 0 / 80%);position: absolute;z-index: 1;left: 0;right: 0;width: 100%;height: 100%;top: 0;bottom: 0;background-position: top right;background-size: cover;background-repeat: no-repeat;}

video.inner_vid {



  position: absolute;



  left: 0;



  top: 0;



  right: 0;



  bottom: 0;



  margin: auto;



  width: 100%;



  z-index: 0;



  height: 100%;



  object-fit: cover;



  z-index: -1;



}



section.main-banner .main-banner-head {



  margin: -150px 0 0 0;



  position: relative;



  z-index: 9999;



}



.main-banner-head h5 {



  color: #ffff;



  font-size: 30px;



  text-align: center;



  font-weight: 500;



  display: table;



  margin: auto;



}



.main-banner-head h3 {



  text-align: center;



  font-size: 80px;



  font-weight: bold;



  color: #fff;



  padding: 17px 0 20px 0;



  line-height: 90px;



}



.main-banner-head h3 span {



  color: #097381;



  height: 90px;



}



span {



  display: inline-block;



}



.main-banner-head p {



  color: #fff;



  font-size: 16px;



  line-height: 24px;



  text-align: center;



  padding: 0 0 25px 0;



}



.main-banner-head ul.banner-cta {



  justify-content: center;



}



ul.banner-cta {



  display: flex;



  align-items: center;



  justify-content: space-evenly;



}



ul.main-menu li {



  list-style: none;



}



a.banner-chat {

border-radius: 30px;

background-color: #097381;

padding: 10px 30px;

color: #fff;

font-size: 16px;

font-weight: 600;

transition: 0.5s;

text-decoration: none;

cursor: pointer;

box-shadow: inset 0 0 0 0 #ffffff;

-webkit-transition: ease-out 0.4s;

-moz-transition: ease-out 0.4s;
}



a.banner-chat:hover {



  box-shadow: inset 0 0 0 50px #f1f3f4;



  color: #000;



}



ul.banner-cta li {



  list-style: none;



}



.banner-cta {



  display: flex;



  justify-content: center;



  column-gap: 20px;



  align-items: center;



}



a.banner-call {



  color: #fff;



  text-decoration: none;



}



a.banner-call span {



  color: #097381;



  font-weight: bold;



  font-size: 25px;



}



.banner-cta img {



  height: 100%;



}



section.about {



  padding: 100px 0 75px;



  position: relative;



}



.about-img img {



  width: 100%;



}



.about-cnt h4 {



  font-size: 30px;



  color: #097381;



}



.about-cnt h2 {



  font-size: 50px;



  font-weight: bold;



}



section.about .row {



  align-items: center;



  position: relative;



}



.about-btn a {



  text-decoration: none;



  font-size: 16px;



  background-color: #097381;



  padding: 10px 25px;



  color: #000;



  border-radius: 30px;



  cursor: pointer;



  box-shadow: inset 0 0 0 0 #ffffff;



  -webkit-transition: ease-out 0.4s;



  -moz-transition: ease-out 0.4s;



  transition: ease-out 0.4s;



}



.about-btn a:hover {



  box-shadow: inset 0 0 0 50px #000000;



  color: #fff;



}



a.about-quote {



  background-color: #000;



  color: #fff;



  box-shadow: inset 0 0 0 0 #ffffff;



  -webkit-transition: ease-out 0.4s;



  -moz-transition: ease-out 0.4s;



  transition: ease-out 0.4s;



}



a.about-quote:hover {



  box-shadow: inset 0 0 0 50px #097381;



  color: #000;



}



.about-btn {



  display: flex;



  column-gap: 20px;



}



.about-img img {



  width: 90%;



}



img.about-side {



  position: absolute;



  top: 0;



  z-index: -1;



}



section.about-reagan {



  background: url(../images/reagan-about.webp);



  background-size: cover;



  background-position: center;



  padding: 75px 0;



}



.what-cnt {



  color: #fff;



}



.what-cnt h5 {



  font-size: 30px;



  color: #097381;



}



.what-cnt h3 {



  font-size: 60px;



  font-weight: bold;



}



.what-cnt a.about-quote {



  background-color: #fff;



  color: #000;



}



.col-md-6.count-flex {



  display: flex;



}



section.about-reagan .row {



  align-items: center;



}



h3 span.count {



  font-size: 80px;



  font-weight: bold;



  color: #fff;



}



.nu-main p {



  font-size: 22px;



  color: #fff;



}



.nu-main h3 {



  font-size: 80px;



  font-weight: bold;



  color: #fff;



}



.row.nu-main-box.nu-slidre .col-md-6:nth-child(1),



.row.nu-main-box.nu-slidre .col-md-6:nth-child(2) {



  border-bottom: 1px solid #fff;



}



.row.nu-main-box.nu-slidre .col-md-6:nth-child(1),



.row.nu-main-box.nu-slidre .col-md-6:nth-child(3) {



  border-right: 1px solid #fff;



}



.row.nu-main-box.nu-slidre {



  text-align: center;



}



.row.nu-main-box.nu-slidre .col-md-6 {



  padding: 20px;



}



.row.nu-main-box.nu-slidre .col-md-6:nth-child(2) h3 span.count,



.row.nu-main-box.nu-slidre .col-md-6:nth-child(3) h3 span.count {



  color: #097381;



}



.row.nu-main-box.nu-slidre .col-md-6:nth-child(2) h3,



.row.nu-main-box.nu-slidre .col-md-6:nth-child(3) h3 {



  color: #097381;



}



section.testi {



  padding: 75px 0;



  background: url(../images/testi-bg.webp);



  background-position: center;



  background-size: contain;



}



section.testi .about-cnt {



  text-align: center;



}



.client-box {



  background-color: #00000094;



  color: #fff;



  padding: 60px 20px 20px;



  margin: 20px;



  height: 300px;



  border-radius: 12px;



  transition: background-color 0.5s ease-out 100ms;



}



.client-box:hover,



.client-box:focus,



.client-box:active {



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



  transform: translateY(-30px);



  background-color: #000;



}



.client-box {



  display: inline-block;



  vertical-align: middle;



  -webkit-transform: perspective(1px) translateZ(0);



  transform: perspective(1px) translateZ(0);



  position: relative;



  -webkit-transition-duration: 0.3s;



  transition-duration: 0.3s;



  -webkit-transition-property: transform;



  transition-property: transform;



}



.tell-your-story .owl-stage-outer {



  padding: 30px 0 0 0;



  margin: -20px 0 0 0;



}



.client-box:hover:before,



.client-box:focus:before,



.client-box:active:before {



  opacity: 1;



  -webkit-transform: translateY(5px);



  transform: translateY(20px);



}



.client-box:before {



  pointer-events: none;



  position: absolute;



  z-index: -1;



  content: "";



  top: 100%;



  left: 5%;



  height: 20px;



  width: 90%;



  opacity: 0;



  background: -webkit-radial-gradient(



    center,



    ellipse,



    rgba(0, 0, 0, 0.35) 0%,



    rgba(0, 0, 0, 0) 80%



  );



  background: radial-gradient(



    ellipse at center,



    rgba(0, 0, 0, 0.35) 0%,



    rgba(0, 0, 0, 0) 80%



  );



  -webkit-transition-duration: 0.3s;



  transition-duration: 0.3s;



  -webkit-transition-property: transform, opacity;



  transition-property: transform, opacity;



}



.about-sec3 .sec3_content .box:hover::before,



.section5 .sec5_content .box:hover::before {



  height: 100%;



}



.about-sec3 .sec3_content .box::before,



.section5 .sec5_content .box::before {



  content: "";



  width: 100%;



  height: 0%;



  background: rgb(58, 73, 251);



  border-radius: 8px;



  position: absolute;



  top: 0px;



  left: 0px;



  z-index: -1;



  transition: all 0.4s linear 0s;



}



.client-img img {



  position: absolute;



  top: -15px;



  width: 70px !important;



  height: 70px;



  object-fit: contain;



  background-color: #fff;



  padding: 15px;



  border-radius: 10px;



  border: 1px solid #e3dcdcc7;



}



.combo_btn {



  display: flex;



  align-items: center;



  flex-wrap: wrap;



  margin-top: 2rem;



}



.combo_btn .btn_1 {



  display: flex;



  align-items: center;



}



.btn_1 .circle_icon {



  margin-right: 15px;



  z-index: 1;



}



.btn_1 .circle_icon::before {



  content: "";



  width: 65px;



  height: 65px;



  border-radius: 50px;



  background-color: #3a4afb5d;



  position: absolute;



  top: 50%;



  left: 50%;



  transform: translate(-50%, -50%);



  z-index: -1;



  animation: 1s linear infinite fade;



}



.btn_1 .circle_icon i {



  width: 50px;



  height: 50px;



  background: #3a49fb;



  display: flex;



  justify-content: center;



  align-items: center;



  color: #fff;



  font-size: 25px;



}



.btn_2,



.combo_btn .btn_1 {



  margin-right: 20px;



  cursor: pointer;



}



.banner,



.btn_1 .circle_icon,



.btn_1 .phone p,



.btn_2,



header .btn {



  position: relative;



}



.btn_1 .circle_icon i,



.btn_2,



.btn_2::before,



.btn_3,



header {



  border-radius: 50px;



}



.btn_1 .phone p::before {



  content: "";



  width: 0%;



  height: 4%;



  background-color: #3a49fb;



  position: absolute;



  bottom: -5px;



  left: 0;



  transition: 1s cubic-bezier(0, 1.2, 0.99, -0.77);



}



a.btn_1.popup-btn {



  text-decoration: none;



}



.phone p {



  margin: 0px;



}



.tell-your-story {



  margin-top: 50px;



}



section.portfolio {



  background: url(../images/portfolio-bg.webp);



  padding: 100px;



  background-size: cover;



  background-position: center;



  background-repeat: no-repeat;



  height: 800px;



}



section.portfolio .what-cnt {



  text-align: center;



}



.portfolio-slider .item {



  padding: 50px 0 0 0;



}



section.portfolio ul#myTab {



  display: flex;



  justify-content: center;



}



section.portfolio .nav-tabs {



  border-bottom: unset;



}



section.portfolio .nav-tabs .nav-item.show .nav-link,



.nav-tabs .nav-link.active {



  border-radius: 20px;



  color: #000 !important;



}



section.portfolio .nav-link:focus,



.nav-link:hover {



  border-color: unset;



  color: #fff;



}



section.portfolio .nav-tabs .nav-link {



  color: #fff;



}



section.cta {



  background: url(../images/cta-bg.webp);



  background-size: cover;



  background-position: center;



  padding: 50px 0;



}



.cta-cnt h3 {



  font-size: 46px;



  font-weight: bold;



  color: #fff;



  font-family: "Barlow";



}



.cta-cnt h3 span {



  color: #097381;



}



.cta-btn {



  display: flex;



  column-gap: 30px;



}



section.cta .row {



  align-items: center;



}



.cta-btns {



  display: flex;



  column-gap: 15px;



}



.cta-btns img {



  height: 100%;



}



.cta-btns a.banner-call span {



  color: #fff;



}



section.cta a.about-quote {



  background-color: #fff;



  color: #000;



}



section.process {



  padding: 75px 0px;



}



section.process .about-cnt {



  text-align: center;



}



section.testi1 .about-cnt {



  text-align: left;



}



section.testi .about-cnt h2 {



  font-size: 50px;



}



section.testi1 {



  padding: 75px 0;



  background-position: center;



  background-size: contain;



  position: relative;



}



section.testi1:before {



  content: "";



  position: absolute;



  background: url(../images/testi-bg.webp);



  background-position: center;



  background-size: contain;



  height: 375px;



  width: 100%;



  top: 0;



  z-index: -1;



}



.testi_slider .item {



  width: 95% !important;



  background-color: #000;



  padding: 25px;



  margin: auto;



  display: table !important;



  height: 40vh;



  border-radius: 20px;



}



.testi_slider .slick-list.draggable {



  width: 200%;



}



section.testi1 .draggable .slick-current .item {



  background-color: #097381;



  transition: all 0.8s linear 0s;



}



.testi-icon {



  display: flex;



  align-items: center;



  column-gap: 15px;



}



.testi-icon b {



  font-size: 30px;



  color: #fff;



}



.testi_slider p {



  color: #fff;



}



section.testi1 .draggable .slick-current .fa,



.fa-brands,



.fa-classic,



.fa-regular,



.fa-sharp,



.fa-solid,



.fab,



.far,



.fas {



  color: #fff;



}



section.testi1 .fa,



.fa-brands,



.fa-classic,



.fa-regular,



.fa-sharp,



.fa-solid,



.fab,



.far,



.fas {



  color: #097381;



}



.banner-carousel1 {



  margin: -150px 0 0 0;



}



section.banner-carousel .owl-nav {



  display: none;



}



.item.box-1 {



  background: url(../images/banner-slide-1.webp) 0 0/100% no-repeat;



  width: 100%;



  height: 280px;



  border-radius: 14px;



  display: flex;



  justify-content: end;



  align-items: flex-start;



  flex-direction: column;



  padding: 1rem 2rem;



  position: relative;



  overflow: hidden;



  cursor: pointer;



  transition: transform 250ms;



}



.item.box-2 {



  background: url(../images/banner-slide-2.webp) 0 0/100% no-repeat;



  width: 100%;



  height: 280px;



  border-radius: 14px;



  display: flex;



  justify-content: end;



  align-items: flex-start;



  flex-direction: column;



  padding: 1rem 2rem;



  position: relative;



  overflow: hidden;



  cursor: pointer;



  transition: transform 250ms;



}



.item.box-3 {



  background: url(../images/banner-slide-3.webp) 0 0/100% no-repeat;



  width: 100%;



  height: 280px;



  border-radius: 14px;



  display: flex;



  justify-content: end;



  align-items: flex-start;



  flex-direction: column;



  padding: 1rem 2rem;



  position: relative;



  overflow: hidden;



  cursor: pointer;



  transition: transform 250ms;



}



.item.box-4 {



  background: url(../images/banner-slide-4.webp) 0 0/100% no-repeat;



  width: 100%;



  height: 280px;



  border-radius: 14px;



  display: flex;



  justify-content: end;



  align-items: flex-start;



  flex-direction: column;



  padding: 1rem 2rem;



  position: relative;



  /* overflow: hidden; */



  cursor: pointer;



  transition: transform 550ms;



}



.item.box-5 {



  background: url(../images/book-cover.webp) 0 0/100% no-repeat;



  width: 100%;



  height: 280px;



  border-radius: 14px;



  display: flex;



  justify-content: end;



  align-items: flex-start;



  flex-direction: column;



  padding: 1rem 2rem;



  position: relative;



  /* overflow: hidden; */



  cursor: pointer;



  transition: transform 550ms;



}



.item.box-6 {



  background: url(../images/audiobooks.webp) 0 0/100% no-repeat;



  width: 100%;



  height: 280px;



  border-radius: 14px;



  display: flex;



  justify-content: end;



  align-items: flex-start;



  flex-direction: column;



  padding: 1rem 2rem;



  position: relative;



  /* overflow: hidden; */



  cursor: pointer;



  transition: transform 550ms;



}



.item.box-7 {



  background: url(../images/blog-article.webp) 0 0/100% no-repeat;



  width: 100%;



  height: 280px;



  border-radius: 14px;



  display: flex;



  justify-content: end;



  align-items: flex-start;



  flex-direction: column;



  padding: 1rem 2rem;



  position: relative;



  /* overflow: hidden; */



  cursor: pointer;



  transition: transform 550ms;



}



.item.box-8 {



  background: url(../images/book-illus.webp) 0 0/100% no-repeat;



  width: 100%;



  height: 280px;



  border-radius: 14px;



  display: flex;



  justify-content: end;



  align-items: flex-start;



  flex-direction: column;



  padding: 1rem 2rem;



  position: relative;



  /* overflow: hidden; */



  cursor: pointer;



  transition: transform 550ms;



}



.item.box-9 {



  background: url(../images/creative-content.webp) 0 0/100% no-repeat;



  width: 100%;



  height: 280px;



  border-radius: 14px;



  display: flex;



  justify-content: end;



  align-items: flex-start;



  flex-direction: column;



  padding: 1rem 2rem;



  position: relative;



  /* overflow: hidden; */



  cursor: pointer;



  transition: transform 550ms;



}



.item.box-1:hover,



.item.box-2:hover,



.item.box-3:hover,



.item.box-4:hover,



.item.box-5:hover,



.item.box-6:hover,



.item.box-7:hover,



.item.box-8:hover,



.item.box-9:hover {



  transform: translateY(-30px);



}



.item.box-1::before,



.item.box-2::before,



.item.box-3::before,



.item.box-4::before,



.item.box-5::before,



.item.box-6::before,



.item.box-7::before,



.item.box-8::before,



.item.box-9::before {



  content: "";



  width: 100%;



  height: 100%;



  background: linear-gradient(1deg, #00000073, rgba(0, 0, 0, 0.3));



  position: absolute;



  right: 0;



  bottom: 0;



  left: 0;



  opacity: 1;



  border-radius: 14px;



}



.banner-carousel1 .item {



  width: 95%;



}



.banner-slide-btn {



  position: absolute;



  z-index: 999;



  bottom: 10px;



}



.banner-slide-btn a {



  border-radius: 30px;



  background-color: #097381;



  padding: 8px 35px;



  color: #000;



  font-size: 16px;



  font-weight: bold;



  transition: 0.5s;



  text-decoration: none;



}



.banner-slide-btn h5 {



  color: #fff !important;



  margin-top: 15px;



}



section.testi1 .about-cnt h2 {



  font-size: 50px;



}



.contact-box {



  background-color: #151515;



  padding: 40px 20px;



  border-radius: 20px;



}



.contact-box h4 {



  font-size: 36px;



  color: #fff;



}



.contact-box h4 span {



  color: #00bdd6;



}



.contact-box p {



  color: #fff;



}



.contact-box {



  background-color: #151515;



  padding: 40px 30px;



  border-radius: 20px;



}



.contact-box .cta-btns {



  margin: 30px 0;



}



.cta-btns a.banner-call span {



  color: #00bdd6;



}



section.contact {



  padding: 0 0 75px;



}



.contact-box h5 {



  margin-bottom: 25px;



}



section.contact form input,



.section10 .sec10_left form textarea {



  width: 100%;



  border-radius: 5px;



  border: 1px solid #000;



  height: 40px;



  background: 0 0;



  outline: 0;



}



section.contact form textarea {height: 85px;}



section.contact form input,



form textarea {



  width: 100%;



  border-radius: 5px;



  border: 1px solid #0000001c;



  height: 40px;



  background: 0 0;



  outline: 0;



  padding-left: 15px;



}



section.contact form input#checkbox {



  width: 16px;



  height: 16px;



  margin-right: 10px;



}



.form_submission .btn_2.tilt, section.contact .btn_2.tilt {

border-radius: 30px;

background-color: #097381;

padding: 10px 25px;

color: #fff;

font-size: 16px;

font-weight: 600;

transition: 0.5s;

text-decoration: none;

border: unset;

cursor: pointer;

box-shadow: inset 0 0 0 0 #ffffff;

-webkit-transition: ease-out 0.4s;

-moz-transition: ease-out 0.4s;

transition: ease-out 0.4s;
}



.form_submission .btn_2.tilt:hover, section.contact .btn_2.tilt:hover {



  box-shadow: inset 0 0 0 50px #000000;



  color: #fff;



}



section.contact .row {



  align-items: center;



}



section.contact .sec10_left {



  margin: 25px;



}



section.contact form input:focus {



  border: 1px solid #000;



}



section.contact form textarea:focus {



  border: 1px solid #000;



}



section.footer {



  background: url(../images/footer-bg.webp);



  background-position: center;



  background-repeat: no-repeat;



  background-size: cover;



  padding: 75px 0;



}



.footer-abt p {



  color: #fff;



  margin-top: 25px;



}



.social-links {

margin-top:10px;

  display: flex;



  column-gap: 20px;



}



.social-links a {



  font-size: 25px;



}



.social-links a i {



  color: #fff;



}



.social-links a {



  border: 1px solid;



  color: #fff;



  height: 50px;



  width: 50px;



  align-items: center;



  display: flex;



  justify-content: center;



  text-decoration: none;



  border-radius: 50px;



}



.footer-services {



  color: #fff;



  margin-left: 30px;



}



.footer-services a {



  color: #fff;



  text-decoration: none;



}



.footer-services ul li {



  list-style: none;



  line-height: 30px;



}



.footer-services ul {



  padding-left: 0;



  margin: 20px 0 0;



}



.footer-services a i {



  margin-right: 10px;



  color: #097381;



}



section.footer .col-md-3 {



  border-left: 1px solid #ffffff3b;



}



.footer-services b {



  font-size: 25px;



  font-family: "Barlow";



}



section.footer-bottom {



  padding: 20px 0;



}



.footer-btm p {



  margin: 0;



  color: #000;



  text-align: center;



}



.footer-btm p a {



  text-decoration: none;



  color: #097381;



}



.navbar-light .navbar-nav .nav-link {



  color: #fff !important;



}



.navbar-expand-sm .navbar-collapse {



  justify-content: center;



}



.combo_btn p {



  color: #fff;



}



.banner-carousel1 .owl-stage-outer {



    padding: 30px 0 30px;



}



section.testi1 .row {



  align-items: center;



}



.banner-slide-btn a {



  display: inline-block;



  vertical-align: middle;



  -webkit-transform: translateZ(0);



  transform: translateZ(0);



  box-shadow: 0 0 1px rgba(0, 0, 0, 0);



  -webkit-backface-visibility: hidden;



  backface-visibility: hidden;



  -moz-osx-font-smoothing: grayscale;



  position: relative;



  overflow: hidden;



  -webkit-transition-property: color;



  transition-property: color;



  -webkit-transition-duration: 0.3s;



  transition-duration: 0.3s;



}



.banner-slide-btn a:before {



  content: "";



  position: absolute;



  z-index: -1;



  top: 0;



  left: 0;



  right: 0;



  bottom: 0;



  background: #fff;



  border-radius: 100%;



  -webkit-transform: scale(0);



  transform: scale(0);



  -webkit-transition-property: transform;



  transition-property: transform;



  -webkit-transition-duration: 0.3s;



  transition-duration: 0.3s;



  -webkit-transition-timing-function: ease-out;



  transition-timing-function: ease-out;



}



.banner-slide-btn a:hover,



.banner-slide-btn a:focus,



.banner-slide-btn a:active {



  color: #000 !important;



}



.banner-slide-btn a:hover:before,



.banner-slide-btn a:focus:before,



.banner-slide-btn a:active:before {



  -webkit-transform: scale(2);



  transform: scale(2);



}



.navbar-light .navbar-nav .nav-link:hover {



  color: #097381 !important;



}



section.our_process {



  position: relative;



  padding: 75px 0;



}



section.our_process .line {



  width: 40px;



  height: 40px;



  background-color: #f5f5f5;



  margin: 50px auto 8px;



  border-radius: 50%;



  z-index: 999;



  position: relative;



  display: flex;



  align-items: center;



  justify-content: center;



  font-weight: 500;



  transition: 0.5s;



}



section.our_process .thumnail_slid img {



  margin: auto;



  width: 100%;



  height: 40px;



  object-fit: contain;



}



section.our_process .thumnail_slid:before {



  content: "";



  width: 85%;



  height: 7px;



  background: whitesmoke;



  position: absolute;



  bottom: 23px;



  border-radius: 10px;



  left: 0;



  right: 0;



  margin: auto;



}



section.our_process .thumnail_slid {



  position: relative;



  margin-bottom: 25px;



}



section.our_process .thumnail_slid .item:before {



  background: url(../images/process-inactive.webp);



  background-repeat: no-repeat !important;



  background-size: contain !important;



  background-position: center !important;



  padding: 10px 0 !important;



  width: 100%;



  height: 62%;



  position: absolute;



  content: "";



  left: 0;



  z-index: -1;



  top: 0px;



  transition: 0.5s;



}



section.our_process .thumnail_slid .item {



  position: relative;



  padding: 20px 0 0 0;



  cursor: pointer;



}



section.our_process .slick-current .line {



  background-color: #097381 !important;



  color: #fff;



}



section.our_process .slick-current .item:before {



  background: url(../images/process-bg-1.webp) !important;



  background-repeat: no-repeat !important;



  background-size: contain !important;



  background-position: center !important;



}



section.our_process .about-cnt {



  width: 65%;



  margin: auto;



}



.thumnail_slid {



  margin-top: 40px;



}



img.process-before {

 pointer-events: none;

  position: absolute;



  bottom: -210px;



}



.nav-tabs .nav-link:focus,



.nav-tabs .nav-link:hover {



  border-color: #0000 !important;



}



a.banner-call:hover {



  color: #fff;



}



.footer-services a:hover {



  color: #097381;



}



.social-links a:hover {



  color: #097381;



}



.social-links a i:hover {



  color: #097381;



}



.social-links a:hover i {



  color: #097381;



}



section.main-banner.inner-banner {



  height: 650px;



  padding: 255px 0 30px 0;



  background: url(../images/logo-bg.webp);



  background-repeat: no-repeat;



}



section.pricing {



  background-color: #f7f7f7;



  padding: 75px 0;



}



.price-box {



  border: 2px solid #000;



  border-radius: 20px;



  margin-top: 50px;



}







.price-head {



  display: flex;



  align-items: center;



  justify-content: space-between;



  padding: 60px 30px 40px;



  position: relative;



}



.price-head h5 {



  font-size: 40px;



  font-weight: bold;



  line-height: 25px;



}



.price-head h5 span {



  font-size: 16px;



  font-weight: normal;



  margin-top: 10px;



}



.price-head:before {



  content: "";



  width: 85%;



  height: 1px;



  background: #00000030;



  position: absolute;



  bottom: 10px;



  border-radius: 10px;



  left: 0;



  right: 0;



  margin: auto;



}



.pricing-content ul li i {



  width: 20px;



  height: 30px;



  float: left;



  margin-right: 10px;



  position: relative;



  top: 3px;



}



.pricing-content ul li {



  list-style: none;



  font-size: 15px;



  width: 100%;



  display: inline-block;



  margin-bottom: 10px;



}







.pricing-content ul {



  margin: 25px;



  height: 300px;



  overflow-x: auto;



  margin-bottom: 40px;



  padding: 0;



}



.pricing-content ul::-webkit-scrollbar {



  width: 5px;



}







.pricing-content ul::-webkit-scrollbar-track {



  background: #f1f1f1;



}







.pricing-content ul::-webkit-scrollbar-thumb {



  background: #097381;



}







.pricing-content ul::-webkit-scrollbar-thumb:hover {



  background: #555;



}



.row.pricing {



  margin-top: 51px;



}







.pricing-content ul {



  /* display: table; */



  /* flex-wrap: wrap; */



  /* row-gap: 7px; */



}



.price-box:hover {



  border-style: solid;



  border-width: 2px;



  border-color: rgb(251, 188, 5);



  border-radius: 30px;



  background-color: rgb(255, 255, 255);



  box-shadow: 0px 0px 80px 0px rgba(251, 188, 5, 0.5);



}



.pricing-btn a.pricing-quote {



  padding: 10px 30px;



  border-radius: 25px;



  text-decoration: none;



  background-color: #000;



  color: #fff;



}



.pricing-btn {



  display: flex;



  align-items: center;



  justify-content: center;



  column-gap: 10px;



  margin-bottom: -21px;



}



.pricing-btn a.live-chat-btn {



  border-radius: 25px;



  border: 1px solid #000;



  padding: 10px 30px;



  color: #000;



  text-decoration: none;



  background-color: #fff;



}



.price-box {



  display: inline-block;



  vertical-align: middle;



  -webkit-transform: perspective(1px) translateZ(0);



  transform: perspective(1px) translateZ(0);



  position: relative;



  -webkit-transition-duration: 0.3s;



  transition-duration: 0.3s;



  -webkit-transition-property: transform;



  transition-property: transform;



  transition: background-color 0.5s ease-out 100ms;



  transition: all 0.3s ease-in-out;



}



.price-box:hover,



.price-box:focus,



.price-box:active {



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



  transform: translateY(-30px);



  transition-duration: 0.3s;



}



.price-box:before {



  pointer-events: none;



  position: absolute;



  z-index: -1;



  content: "";



  top: 100%;



  left: 5%;



  height: 20px;



  width: 90%;



  opacity: 0;



  background: -webkit-radial-gradient(



    center,



    ellipse,



    rgba(0, 0, 0, 0.35) 0%,



    rgba(0, 0, 0, 0) 80%



  );



  background: radial-gradient(



    ellipse at center,



    rgba(0, 0, 0, 0.35) 0%,



    rgba(0, 0, 0, 0) 80%



  );



  -webkit-transition-duration: 0.3s;



  transition-duration: 0.3s;



  -webkit-transition-property: transform, opacity;



  transition-property: transform, opacity;



}



.price-head:after {



  content: "\f02e";



  color: #dcdcdc !important;



  font-family: "FontAwesome";



  font-size: 35px;



  position: absolute;



  top: -9px;



}



.price-box:hover .price-head:after {



  color: #097381 !important;



}







.price-box:hover .pricing-btn a.pricing-quote {



    box-shadow: inset 0 0 0 50px #097381;



    color: #000;



}







.price-box:hover .pricing-btn a.live-chat-btn {



    box-shadow: inset 0 0 0 50px #000;



    color: #fff;



}







.pricing-bottom {



  display: flex;



  align-items: center;



  justify-content: center;



  column-gap: 60px;



  margin-top: 60px;



  position: relative;



}



.pricing-bottom:before {



  content: "";



  width: 9%;



  height: 2px;



  background: #097381;



  position: absolute;



  bottom: 10px;



  border-radius: 10px;



  left: -17px;



  right: 0;



  margin: auto;



}



.pricing-bottom small {



  font-size: 16px;



}



section.inner-services {



  padding: 75px 0;



}



section.inner-services .about-cnt.text-center {



  width: 80%;



  margin: auto;



}



section.inner-services .about-cnt h2 {



  font-size: 60px;



  font-weight: normal;



}



.nav-pills .nav-link.active,



.nav-pills .show > .nav-link {



  background-color: #097381 !important;



}



.nav-pills .nav-link {



  background-color: #eeeeee !important;



}



.inner-serv-content {



  padding: 60px 30px 30px;



  background-color: #000;



  border-radius: 20px;



  height: 485px;
  color:white;



}



.inner-serv-content p {



  color: #fff;



  overflow-x: auto;



  max-height: 150px;



}
.inner-serv-content ul{
  padding-left: 20px;
}
.inner-serv-content ul li{
list-style: circle;
}

.inner-content-btns .about-btn {



  text-decoration: none;



  font-size: 16px;



  background-color: #000000;



  padding: 10px 25px;



  color: #fff;



  border-radius: 30px;



  cursor: pointer;



  box-shadow: inset 0 0 0 0 #ffffff;



  -webkit-transition: ease-out 0.4s;



  -moz-transition: ease-out 0.4s;



  transition: ease-out 0.4s;



  border: 1px solid #fff;



}







.inner-content-btns {



  display: flex;



  align-items: center;



  column-gap: 10px;



  margin-top: 30px;



}



.inner-services-tabs .me-3 {



  margin-right: 0px !important;



}



.inner-services-tabs .nav-pills .nav-link {



  margin: 10px 0;



  padding: 20px 20px 20px 30px;



  border-radius: 50px 0px 0 50px;



  font-family: 'Barlow';



}



.inner-services-tabs .nav-link {



  font-size: 25px;



  font-weight: 500;



  color: #000;



  text-align: left;



}



.inner-services-tabs div#v-pills-tabContent {



  width: 50%;



}



.inner-services-tabs div#v-pills-tab {



  width: 35%;



}



section.inner-services .align-items-start {



  align-items: center !important;



}



section.inner-services .nav-pills .nav-link.active,



.nav-pills .show > .nav-link {

color: #fff;
}



.inner-services-tabs {



  position: relative;



}







img.inner-service-before {



  position: absolute;



  bottom: -74px;



  right: 0;



  width: 33%;



}



.inner-services-tabs .nav-link:focus,



.nav-link:hover {



  color: #000000 !important;



}



.main-banner-head h5:before {



  content: "";



  width: 40px;



  height: 5px;



  background: #097381;



  position: absolute;



  bottom: 15px;



  border-radius: 0;



  left: -55px;



  margin: auto;



}



section.main-banner.inner-banner.web-design {



  background: url(../images/web-design-bg.webp);



}







img.inner-service-before.web {



  bottom: -45px;



  width: 37%;



}



section.main-banner.inner-banner.smm {



  background: url(../images/smm-bg.webp);



}



img.inner-service-before {



  bottom: -45px;



  width: 37%;



}



section.main-banner.inner-banner.sem {



  background: url(../images/seo-bg.webp);



}



section.main-banner.inner-banner.autobiography {



  background: url(../images/autobiography-bg.webp);



}



section.main-banner.inner-banner.audio-book {



  background: url(../images/service-banner/audio-book.webp);



}



section.main-banner.inner-banner.book-cover-design {



  background: url(../images/service-banner/book-cover-design.webp);



}



section.main-banner.inner-banner.book-and-article-writing {



  background: url(../images/service-banner/book-and-article-writing.webp);



}



section.main-banner.inner-banner.book-publishing {



  background: url(../images/service-banner/book-publishing.webp);



}



section.main-banner.inner-banner.book-illustration {



  background: url(../images/service-banner/book-illustration.webp);



}



section.main-banner.inner-banner.creative-content-writing {



  background: url(../images/service-banner/creative-content-writing.webp);



}



section.main-banner.inner-banner.beauty-ghostwriter {



  background: url(../images/service-banner/beauty-ghostwriter.webp);



}



section.main-banner.inner-banner.fiction {



  background: url(../images/service-banner/fiction.webp);



}



section.main-banner.inner-banner.non-fiction {



  background: url(../images/service-banner/non-fiction.webp);



}



section.main-banner.inner-banner.biography {



  background: url(../images/service-banner/biography.webp);



}



section.main-banner.inner-banner.memoir {



  background: url(../images/service-banner/memoir.webp);



}



section.main-banner.inner-banner.novel {



  background: url(../images/service-banner/novel.webp);



}



section.main-banner.inner-banner.comic {



  background: url(../images/service-banner/comic.webp);



}



section.main-banner.inner-banner.speech {



  background: url(../images/service-banner/speech.webp);



}



section.main-banner.inner-banner.children-book {



  background: url(../images/service-banner/children-book.webp);



}



section.main-banner.inner-banner.fitness {



  background: url(../images/service-banner/fitness.webp);



}



section.main-banner.inner-banner.cook-book {



  background: url(../images/service-banner/cook-book.webp);



}



section.main-banner.inner-banner.fantasy {



  background: url(../images/service-banner/fantasy.webp);



}



section.main-banner.inner-banner.action-adventure {



  background: url(../images/service-banner/action-adventure.webp);



}



section.main-banner.inner-banner.horror {



  background: url(../images/service-banner/horror.webp);



}



section.main-banner.inner-banner.sci-fi {



  background: url(../images/service-banner/sci-fi.webp);



}



section.main-banner.inner-banner.book-editing {



  background: url(../images/service-banner/book-editing.webp);



}







.about-cnt ul li {



  list-style: none;



}







.about-cnt ul {



  padding-left: 0;



}







.about-cnt ul li i {



  margin-right: 10px;



  color: #097381;



}



section.autobiography-serv {



  padding: 75px 0;



}







.auto-serv-box {



  padding: 20px;



  border: 1px #000 solid;



  border-radius: 20px;



  border-style: dashed;



}



.auto-serv-box h3 {



  font-size: 25px;



  font-weight: 600;



}



.auto-serv-box p {



  height: 195px;



  overflow-x: auto;



  padding: 0;



  margin: 0;



}



.auto-serv-box p::-webkit-scrollbar {



  width: 3px;



}







.auto-serv-box p::-webkit-scrollbar-track {



  background: #f1f1f1;



}



 



.auto-serv-box p::-webkit-scrollbar-thumb {



  background: #097381;



}







.auto-serv-box p::-webkit-scrollbar-thumb:hover {



  background: #555;



}



section.genres {



  padding: 75px 0;



}



.genre-box {



  padding: 20px;



  border: 1px solid #000;



  border-style: dashed;



  margin: 10px;



  border-radius: 20px;



}







.genre-box img {



  display: table;



  margin: auto;



}



section.genres .about-cnt.text-center {



  margin-bottom: 25px;



}



section.genres h4 {



  text-align: center;



  font-size: 22px;



  margin-bottom: 10px;



}



section.cta.auto-cta {



  background: url(../images/cta-autobiography.webp);



}







.genre-box:hover {



  border-style: solid;



  background-color: #097381;



  transition: all 0.8s ease-in-out;



}



section.main-banner.inner-banner.about {



  background: url(../images/about-bg.webp);



}



.about-box {



  padding: 20px;



  border-radius: 20px;



  margin: 25px 0;



}







.about-box.box-1 {



  background-color: #e1effc;



}







.about-box h4 {



  font-size: 25px;



  font-weight: 500;



  margin: 10px 0;



}







section.about-us {



  padding: 0px 0 75px;



}







section.about-us .row {



  align-items: center;



}



.about-box img {



  margin-top: 15px;



}







.about-box.box-2 {



  background-color: #e4dffd;



}







.about-box.box-3 {



  background-color: #ffe5e7;



}



.about-box:hover {



  background-color: #000;



}







.about-box:hover h4 {



  color: #fff;



}







.about-box:hover p {



  color: #fff;



}



section.contact.contact-page {



  padding: 75px 0;



}



section.main-banner.inner-banner.contact {



  background: url(../images/contact-bg.webp);



}



section.contact form textarea {



  padding-top: 10px;



}



section.portfolio.portfolio-page {



  background: unset;



  height: unset;



}







section.portfolio.portfolio-page .what-cnt h3 {



  color: #000;



}







section.portfolio.portfolio-page .nav-tabs .nav-link {



  color: #000;



  font-weight: 600;



}







section.portfolio.portfolio-page .nav-tabs .nav-item.show .nav-link,



.nav-tabs .nav-link.active {



  background-color: #097381 !important;



}



section.portfolio.portfolio-page .row {



  justify-content: center;



}







section.portfolio.portfolio-page .col-md-2 {



  width: 20%;



  margin-top: 25px;



}



section.portfolio .nav-tabs .nav-item.show .nav-link,



.nav-tabs .nav-link.active {



  border-color: unset !important;



}



section.portfolio .nav-tabs .nav-item.show .nav-link,



.nav-tabs .nav-link.active {



  border-color: #097381 !important;



}



section.main-banner.inner-banner.packages {



  background: url(../images/packages-bg.webp);



}



section.packages {



  padding: 75px 0;



}



section.packages .what-cnt h3 {



  color: #000;



}







section.packages .what-cnt p {



  color: #000;



}







section.packages ul#myTab {justify-content: center;column-gap: 10px;}







section.packages .nav-tabs {



  border-bottom: unset;



}







section.packages .nav-link {



  color: #000;



  font-weight: 600;



}



section.packages .nav-tabs .nav-link {



  border-radius: 30px;



}



@media (min-width: 1200px) {



  li.nav-item.dropdown:hover .dropdown-menu {



    display: block !important;



  }



}







/************HEADER CSS*/



header {padding: 16px 0px 20px;z-index: 9999;position: absolute;width: 100%;}



header .second_nav {



  background-color: var(--perple);



  padding: 10px 0;



}



header .second_nav ul {



  margin: 0 0 0 auto;



  display: table;



}



header .second_nav ul li {



  display: inline-block;



  margin: 0 0 0 20px;



  position: relative;



  padding-left: 25px;



}



header .second_nav ul.contact_info li a {



  color: #fff;



  font-size: 14px;



}







ul.contact_info li:before {



  position: absolute;



  left: 0;



  color: var(--yellow);



  font-family: "Font Awesome 5 Free";



}



ul.contact_info li:nth-child(1):before {



  content: "\f0e0";



}



ul.contact_info li:nth-child(2):before {



  content: "\f095";



  font-family: "FontAwesome";



}



ul.contact_info li:nth-child(3):before {



  content: "\f4ad";



}







header ul {



  display: flex;



  column-gap: 20px;



  align-items: center;



}



header ul li {



  list-style: none;



  position: relative;



  pointer-events: all !important;



}



header nav ul li a {



  color: #fff;



  font-weight: 600;



  text-transform: capitalize;



  text-decoration: none;



}



header nav ul li a:hover {



  color: #097381;



}



header .top_nav ul.navigation {



  justify-content: center;



}



li.active_menu a {



  color: var(--red);



}







ul.get_stated_ul {



  float: right;



}







a.has_drop:before {



  content: "\f0d7";



  font-family: fontawesome;



  position: absolute;



  right: 0;



}



a.has_drop {



  padding-right: 20px;



  position: relative;



  padding-bottom: 32px;



}







header ul li:hover ul.subMenu {



  top: 47px !important;



  opacity: 1 !important;



  z-index: 999;



  text-align: left;



  display: inline-block;



}







/************HEADER CSS*/







/************HAMBURGER CSS*/



.hamBurger {



  width: 40px;



  height: 40px;



  background-color: var(--orange);



  float: right;



  padding: 6px 8px;



  cursor: pointer;



  margin-left: 15px;



}



.hamBurger div {



  border-bottom: 1px solid #fff;



  margin: 6px 0;



}



.hamBurger div:nth-child(2) {



  width: 20px;



}



.hamBurger div:nth-child(3) {



  width: 10px;



}



.hamBurger:hover div {



  width: 100%;



}



/************HAMBURGER CSS*/







ul.subMenu .links_clm {



  padding: 30px;



}



ul.subMenu .img_clm {



  background-color: #eeeeee;



  display: flex;



  justify-content: center;



  align-items: center;



}



ul.subMenu {



  position: absolute;



  top: 60px;



  background-color: #fff;



  z-index: 999999999;



  padding: 0px;



  width: 640px;



  border-radius: 10px;



  opacity: 1;



  transition: 0.5s ease-in-out;



  display: none;



  left: 0;



  box-sizing: border-box;



  overflow: hidden; 



}







ul.subMenu li {



  display: block;



  margin: 0 0 10px 0;



  border-bottom: 1px solid #097381;



  padding-bottom: 10px;



}



ul.subMenu li:last-child {



  border: none;



  padding-bottom: 0;



  margin-bottom: 0;



}



ul.subMenu li a {



  color: #000 !important;



  font-weight: 600;



  padding-left: 0px;



  font-size: 14px;



  transition: 0.5s ease-out;



}







ul.subMenu img.services_hover_img {



  height: 100%;



  transition: 0.5s ease-out;



  object-fit: cover;



}







.openDropDown {



  top: 40px !important;



  z-index: 999 !important;



  opacity: 1 !important;



  pointer-events: all !important;



}







.responsive_menu {



  position: fixed;



  top: 0;



  bottom: 0;



  z-index: 9999;



  background-color: #ebb005;



  display: flex;



  align-items: center;



  left: -100%;



  width: 300px;



  padding: 40px;



  transition: 0.5s ease-out;



}



.openMenu {



  left: 0%;



}



.responsive_menu .clm_wrap ul.subMenu {



  overflow-y: auto;



  transition: unset !important;



  display: none;



  position: unset;



  opacity: 1;



  left: 0;



  padding: 10px 0;



  width: 100%;



  background-color: #00000008;



  border-radius: 0 !important;



  box-shadow: unset;



}



.responsive_menu .clm_wrap ul.subMenu li {



  padding: 0;



  margin: 0;



  border: none !important;



}



.responsive_menu .clm_wrap ul.subMenu li {



  border: none !important;



  margin: 0px 0;



}



.responsive_menu .clm_wrap ul.subMenu li a {



  font-size: 13px;



  padding: 5px 20px !important;



  display: inline-block;



}



.responsive_menu ul li a {



  text-transform: capitalize;



  font-weight: 500;



  color: #000;



  display: inline-block;



  width: 100%;



  padding: 0 !important;



  text-decoration: none;



}



.responsive_menu .clm_wrap {



  width: 100%;



}



.responsive_menu ul li {



  margin: 20px 0;



  position: relative;



}



.responsive_menu ul.contact_info li {



  padding-left: 25px;



}



.responsive_menu ul.contact_info li:before {



  color: var(--red);



}



.responsive_menu ul:last-child {



  margin-bottom: 0;



}



.responsive_menu ul {



  margin-bottom: 50px;



  padding-left: 0;



}



.responsive_menu ul.navigation {



  display: inline-block !important;



  width: 100%;



}



.responsive_menu ul.navigation li {



  list-style: none;



}



.responsive_menu .clm_wrap ul.subMenu .col-6 {



  width: 100%;



}



.responsive_menu .clm_wrap ul.subMenu .col-6:last-child {



  display: none;



}



.responsive_menu ul.subMenu .links_clm {



  padding: 0px;



}



.open_drop:before {



  transform: rotate(180deg);



}







.drop_icon:before {



  content: "\f107";



  font-family: "FontAwesome";



  position: absolute;



  right: 0;



  transition: 0.5s;



}



.drop_icon {



  position: relative;



  padding-right: 20px;



}







ul.subMenu li a:hover {



  color: #097381 !important;



}



.ghost-meu .links_clm {



  column-count: 2;



}



section.portfolio .nav-link:hover {



  color: #ffffff !important;



}



section.portfolio .nav-tabs .nav-link {



  border-radius: 30px;



}



.responsive_menu .clm_wrap ul.subMenu li a:hover {



  color: #000 !important;



}



.ghost-meu .links_clm.h-100 {



    width: 117%;



    margin: 0px 0 0 -15px;



}







.banner-carousel1 .item {



    display: inline-block;



    vertical-align: middle;



    -webkit-transform: perspective(1px) translateZ(0);



    transform: perspective(1px) translateZ(0);



    position: relative;



    -webkit-transition-duration: 0.3s;



    transition-duration: 0.3s;



    -webkit-transition-property: transform;



    transition-property: transform;



    transition: background-color 0.5s ease-out 100ms;



    overflow: visible;



    transition: all 0.4s linear 0s;



}







.banner-carousel1 .item::after {



    content: "";



    pointer-events: none;



    position: absolute;



    z-index: -1;



    top: auto;



    left: 5%;



    height: 20px;



    width: 90%;



    opacity: 0;



    background: -webkit-radial-gradient( center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80% );



    background: radial-gradient( ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80% );



    -webkit-transition-duration: 0.3s;



    transition-duration: 0.3s;



    -webkit-transition-property: transform, opacity;



    transition-property: transform, opacity;



    bottom: -30px;



}







.banner-carousel1 .item:hover::after {



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



transform: translateY(20px);



opacity: 1;



transition: all 0.4s linear 0s;



}







.portfolio-slider .item {



    display: inline-block;



    vertical-align: middle;



    -webkit-transform: perspective(1px) translateZ(0);



    transform: perspective(1px) translateZ(0);



    position: relative;



    -webkit-transition-duration: 0.3s;



    transition-duration: 0.3s;



    -webkit-transition-property: transform;



    transition-property: transform;



    transition: background-color 0.5s ease-out 100ms;



    overflow: visible;



    transition: all 0.4s linear 0s;



}







.portfolio-slider .item::after {



    content: "";



    pointer-events: none;



    position: absolute;



    z-index: -1;



    top: auto;



    left: 5%;



    height: 20px;



    width: 90%;



    opacity: 0;



    background: -webkit-radial-gradient( center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80% );



    background: radial-gradient( ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80% );



    -webkit-transition-duration: 0.3s;



    transition-duration: 0.3s;



    -webkit-transition-property: transform, opacity;



    transition-property: transform, opacity;



    bottom: -30px;



}







.portfolio-slider .item:hover::after {



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



transform: translateY(20px);



opacity: 1;



transition: all 0.4s linear 0s;



}







.client-box:hover .btn_1 .circle_icon i {



    background: #097381;



    color: #000;



}



.client-box:hover .btn_1 .circle_icon::before {



    background-color: #09738187;



}



.phone a {



    color: #fff;



    text-decoration: none;



    margin: 0;



    padding: 0;



}



.phone a:hover {



    color: #097381;



}



.client-bname h4 {



    margin-top: 10px;



}



.tell-your-story .owl-nav {



    display: none;



}







.inner-serv-content p::-webkit-scrollbar {



  width: 5px;



}







.inner-serv-content p::-webkit-scrollbar-track {



  background: #f1f1f1;



}







.inner-serv-content p::-webkit-scrollbar-thumb {



  background: #097381;



}







.inner-serv-content p::-webkit-scrollbar-thumb:hover {



  background: #555;



}



.pricing-bottom.price-box-btm a {



    color: #000;



    text-decoration: none;



}







section.our_process .slick-slide {



    height: auto !important;



}



.input-icon {



    position: relative;



}



.img_clm.h-100 img {



    object-fit: cover;



    height: 100%;



}











.owl-dots  {margin: 0 auto 0;display: table;position: absolute;top: auto;bottom: -30px;left: auto;right: auto;text-align: center;width: 100%;}



.owl-dot.active, .owl-dot:hover {width: 10px;height: 10px;background-color: #f4b801;margin: 0 2px 20px;border-radius: 50%;display: inline-table; text-align: center;}



.owl-dot {width: 10px;height: 10px;background-color: #a7a7a7;margin: 0 2px 20px;border-radius: 50%;display: inline-table;text-align: center;transition-duration: .5s; font-size: 7px;}







section.portfolio .owl-dots {



    bottom: -60px;



}



.tell-your-story .owl-dots {



    bottom: -40px;



}



.banner-carousel1 .owl-dots {



    bottom: -25px;



}



section.portfolio.portfolio-page .nav-link:hover {



    color: #000!important;



}







.pricing-btn a.pricing-quote {



    text-decoration: none;



    font-size: 16px;



    background-color: #097381;



    padding: 10px 25px;



    color: #000;



    border-radius: 30px;



    cursor: pointer;



    box-shadow: inset 0 0 0 0 #ffffff;



    -webkit-transition: ease-out 0.4s;



    -moz-transition: ease-out 0.4s;



    transition: ease-out 0.4s;



}



.pricing-btn a.pricing-quote {



    background-color: #000;



    color: #fff;



    box-shadow: inset 0 0 0 0 #ffffff;



    -webkit-transition: ease-out 0.4s;



    -moz-transition: ease-out 0.4s;



    transition: ease-out 0.4s;



}



.pricing-btn a.pricing-quote:hover {



    box-shadow: inset 0 0 0 50px #097381;



    color: #000;



}



.inner-content-btns .about-btn {



    box-shadow: inset 0 0 0 0 #ffffff;



    -webkit-transition: ease-out 0.4s;



    -moz-transition: ease-out 0.4s;



    transition: ease-out 0.4s;



}



.inner-content-btns .about-btn:hover {



    box-shadow: inset 0 0 0 50px #fff;



    color: #000;



}



section.terms {



    padding: 75px 0;



}



.footer-info i {



    margin-right: 10px;



    color: #097381;



}







.footer-info a {



    color: #fff;



    text-decoration: none;



    font-size: 16px;



    display: table;



    margin-bottom: 10px;



}







.footer-info {



    margin-top: 20px;



    display: table;



}



.footer-info a:hover {



    color: #097381;



}

.footer-abt img {

    width: 35%;

}

section.main-banner.inner-banner.book-publishing.thankyou {

    height: 80vh;

}



.wiki-slider .owl-nav {

    display: none;

}

.wiki-slider .item {

    margin-top: 50px;

}

.wiki-slider .client-box {

     height: 360px;

}

.wiki-slider .owl-dots {

    bottom: -60px;

}

section.autobiography-serv.wiki-serv h2 {

    margin-bottom: 25px;

}

section.cta.auto-cta.wiki-cta .cta-cnt h3 {

    font-size: 28px;

}

section.cta.auto-cta.wiki-cta .cta-cnt h3 span {

    font-size: 45px;

}

section.cta.auto-cta.wiki-cta .cta-cnt p {

    color: #fff;

}

section.cta.auto-cta.wiki-cta {

    padding: 40px;

}

section.main-banner.inner-banner.wikipedia {

    background: url(../images/wiki-banner.png);

}

.fldset {
    display: flex;
    align-items: baseline;
    padding-bottom: 10px;
}
.fldset input[type="checkbox"] {
    width: 1em !important;
    height: 1rem !important;
    position: relative;
    top: 4px;
}
.fldset label {
    font-size: 12px;
    color: #000 !important;
    padding-left: 5px;
    font-weight: 500;
}
.fldset label a{
    color: #000 !important;
}
.form-group .margin-field label{
    color: #000 !important;
}
.form-group .margin-field label a{
    color: #000 !important;
}
.popupform-main-new-popup .margin-field label,
.popupform-main-new-popup .margin-field label a{
    color:#fff !important;
}