/* CSS Document */



/* 

    Created on   : 20/09/2023.

    Theme Name   : Andeo - Creative Digital Marketing  HTML5 Template

    Version      : 1.0.

    Developed by : (sayfurrahaman265@gmail.com)

   

*/

/**

* Importing necessary  Styles.

**/

/*----- Fonts ----*/

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

/* @import url('https://fonts.googleapis.com/css2?family=Domine:wght@400;500;600;700&display=swap'); */

@import url('https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@100..900&family=Outfit:wght@100..900&display=swap');



/*----Bootstrap css ----- */

@import url('../vendor/bootstrap/css/bootstrap.min.css');

/*---- Navbar Css------*/

/* @import url('navbar.css'); */

/*----Framework css-----*/

/* @import url('framework.css'); */

/*----- Bootstrap Icons ----------*/

@import url('../fonts/bootstrap-icons/font-css.css');

/*---- Font Awesome Icons -------*/

@import url('../fonts/font-awesome/css/all.min.css');

/*----------- Slick Slider -------*/
/* 
@import url('../vendor/slick/slick.css'); */

/*----magnific-popup----*/

/* @import url('magnific-popup.css'); */

/*-------- AOS css ------*/

@import url('animate.css');

/*----Nice Select----*/

/* @import url('../vendor/nice-select/nice-select.css'); */





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



*************************** Start Styling theme from here ***************************

#index.html(769),





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

/*** 

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

 Root Prefix

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

 ***/

:root {

  --body-text: 'Kumbh Sans', sans-serif; 

  --heading-text: "Outfit", serif;

  --text-color: #010212;

  ;

  --heading-color: #022D5D;

  --prime-one: #ffffff;

  --prime-two: #FDB142;

  --prime-three: #FB3C1D;

  --prime-four: #343230;

  --prime-five: #FFD1B0;

  --prime-six: #F6C410;

  --prime-seven: linear-gradient(90deg, #FFF4EE 0%, #F6FAFF 86.63%);

  --prime-eight: #FBF3EE;

  --prime-nine: #FFF7F1;

  --prime-ten: #FAF7EF;

  --prime-eleven: #F6FAFF;

  --prime-twelve: #FFF6EF;

}



::-webkit-scrollbar {

  width: 5px;

}



::-webkit-scrollbar-track {

  background: #fff;

}



::-webkit-scrollbar-thumb {

  background: #FF6915;

  border-radius: 0;

}



:focus {

  outline: none;

}



::selection {

  background-color: #2a2a2a;

  color: #fff;

}



/*^^^^^^^^^^^^^^^^^^^^ Global Prefix ^^^^^^^^^^^^^^^^^^^^^*/

* {

  padding: 0;

  margin: 0;

  box-sizing: border-box;

}



body {

  position: relative;

  font-family: var(--body-text);

  font-size: 16px;

  font-style: normal;

  font-weight: normal;

  color: var(--text-color);

}
*{margin:0;padding:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

a {text-decoration: none; display: inline-block; color: inherit;}

a:hover,a:focus,a:visited {text-decoration: none; outline: none;}

img {max-width: 100%;}

button {border:none;outline: none;box-shadow: none;display: block; padding: 0;cursor: pointer;background: transparent;}

button:focus {outline: none;}

input,textarea {outline: none; box-shadow: none;transition: all 0.3s ease-in-out;}

audio,video,canvas {max-width: 100%;}

iframe {border: none !important;}

ul{list-style:none; padding: 0;margin: 0;}

p{margin: 0;padding: 0;}

input {outline: none;border: none;}

a,ul,li,span,form,input,h1,h2,h3,h2,h6{margin: 0;padding: 0;}

.p0 {padding: 0 !important;}

.m0 {margin:  0 !important;}

.theme-mb-0 {margin-bottom: 0;}

.theme-pb-0 {padding-bottom: 0;}



/* =========================line height=========================== */

.lh-34{line-height: 34px;}

.lh-35{line-height: 35px;}

.lh-36{line-height: 36px;}

.lh-37{line-height: 37px;}

.lh-38{line-height: 38px;}

.lh-39{line-height: 39px;}

.lh-40{line-height: 40px;}

.lh-41{line-height: 41px;}

.lh-42{line-height: 42px;}

.lh-43{line-height: 43px;}

.lh-44{line-height: 44px;}

.lh-45{line-height: 45px;}

.lh-46{line-height: 46px;}

.lh-47{line-height: 47px;}

.lh-48{line-height: 48px;}

.lh-49{line-height: 49px;}

.lh-50{line-height: 50px;}



/* =====================================padding top============================================ */

.pt-5   {padding-top: 5px !important;}

.pt-10  {padding-top: 10px;}

.pt-15  {padding-top: 15px;}

.pt-20  {padding-top: 20px;}

.pt-25  {padding-top: 25px;}

.pt-30  {padding-top: 30px;}

.pt-35  {padding-top: 35px;}

.pt-40  {padding-top: 40px;}

.pt-45  {padding-top: 45px;}

.pt-50  {padding-top: 50px;}

.pt-55  {padding-top: 55px;}

.pt-60  {padding-top: 60px;}

.pt-65  {padding-top: 65px;}

.pt-70  {padding-top: 70px;}

.pt-75  {padding-top: 75px;}

.pt-80  {padding-top: 80px;}

.pt-85  {padding-top: 85px;}

.pt-90  {padding-top: 90px;}

.pt-95  {padding-top: 95px;}

.pt-100 {padding-top: 100px;}

.pt-110 {padding-top: 110px;}

.pt-120 {padding-top: 120px;}

.pt-130 {padding-top: 130px;}

.pt-140 {padding-top: 140px;}

.pt-150 {padding-top: 150px;}

.pt-160 {padding-top: 160px;}

.pt-170 {padding-top: 170px;}

.pt-180 {padding-top: 180px;}

.pt-190 {padding-top: 190px;}

.pt-200 {padding-top: 200px;}

.pt-220 {padding-top: 220px;}

.pt-240 {padding-top: 240px;}

.pt-250 {padding-top: 250px;}

.pt-260 {padding-top: 260px;}

.pt-286 {padding-top: 286px;}

.pt-300 {padding-top: 300px;}

.pt-350 {padding-top: 350px;}

/*================padding-left=============*/

.pl-10{padding-left: 6px;}

.pl-20{padding-left: 20px;}

.pl-15{padding-left: 15px;}

.pl-30{padding-left: 30px;}

.pl-40{padding-left: 40px;}

.pl-50{padding-left: 50px;}

.pl-60{padding-left: 60px;}

.pl-70{padding-left: 70px;}

.pl-80{padding-left: 80px;}

.pl-90{padding-left: 90px;}

.pl-100{padding-left: 100px;}

.pl-150{padding-left: 150px;}

.pl-200{padding-left: 200px;}

.pl-300{padding-left: 300px;}

/*================padding-right=============*/

.pr-10{padding-right: 10px;}

.pr-20{padding-right: 20px;}

.pr-30{padding-right: 30px;}

.pr-40{padding-right: 40px;}

.pr-50{padding-right: 50px;}

.pr-60{padding-right: 60px;}

.pr-70{padding-right: 70px;}

.pr-80{padding-right: 80px;}

.pr-90{padding-right: 90px;}

.pr-100{padding-right: 100px;}

.pr-110{padding-right: 110px;}

.pr-120{padding-right: 120px;}

.pr-130{padding-right: 130px;}

.pr-140{padding-right: 140px;}

.pr-150{padding-right: 150px;}



/*================padding-bottom=============*/

.pb-5   {padding-bottom: 5px !important;}

.pb-10  {padding-bottom: 10px;}

.pb-15  {padding-bottom: 15px;}

.pb-20  {padding-bottom: 20px;}

.pb-25  {padding-bottom: 25px;}

.pb-30  {padding-bottom: 30px;}

.pb-35  {padding-bottom: 35px;}

.pb-40  {padding-bottom: 40px;}

.pb-45  {padding-bottom: 45px;}

.pb-50  {padding-bottom: 50px;}

.pb-55  {padding-bottom: 55px;}

.pb-60  {padding-bottom: 60px;}

.pb-65  {padding-bottom: 65px;}

.pb-70  {padding-bottom: 70px;}

.pb-75  {padding-bottom: 75px;}

.pb-80  {padding-bottom: 80px;}

.pb-85  {padding-bottom: 85px;}

.pb-90  {padding-bottom: 90px;}

.pb-95  {padding-bottom: 95px;}

.pb-100 {padding-bottom: 100px;}

.pb-110 {padding-bottom: 110px;}

.pb-120 {padding-bottom: 120px;}

.pb-130 {padding-bottom: 130px;}

.pb-140 {padding-bottom: 140px;}

.pb-150 {padding-bottom: 150px;}

.pb-160 {padding-bottom: 160px;}

.pb-170 {padding-bottom: 170px;}

.pb-180 {padding-bottom: 180px;}

.pb-190 {padding-bottom: 190px;}

.pb-200 {padding-bottom: 200px;}

.pb-225 {padding-bottom: 225px;}

.pb-240 {padding-bottom: 240px;}

.pb-250 {padding-bottom: 250px;}

.pb-286 {padding-bottom: 286px;}

.pb-300 {padding-bottom: 300px;}

.pb-350 {padding-bottom: 350px;}

.pb-400 {padding-bottom: 400px;}



/*================margin top=============*/



.mt-5   {margin-top: 5px !important;}

.mt-10  {margin-top: 10px;}

.mt-15  {margin-top: 15px;}

.mt-20  {margin-top: 20px;}

.mt-25  {margin-top: 25px;}

.mt-30  {margin-top: 30px;}

.mt-35  {margin-top: 35px;}

.mt-40  {margin-top: 40px;}

.mt-45  {margin-top: 45px;}

.mt-50  {margin-top: 50px;}

.mt-55  {margin-top: 55px;}

.mt-60  {margin-top: 60px;}

.mt-65  {margin-top: 65px;}

.mt-70  {margin-top: 70px;}

.mt-75  {margin-top: 75px;}

.mt-80  {margin-top: 80px;}

.mt-85  {margin-top: 85px;}

.mt-90  {margin-top: 90px;}

.mt-95  {margin-top: 95px;}

.mt-100 {margin-top: 100px;}

.mt-110 {margin-top: 110px;}

.mt-120 {margin-top: 120px;}

.mt-130 {margin-top: 130px;}

.mt-140 {margin-top: 140px;}

.mt-150 {margin-top: 150px;}

.mt-160 {margin-top: 160px;}

.mt-170 {margin-top: 170px;}

.mt-180 {margin-top: 180px;}

.mt-190 {margin-top: 190px;}

.mt-200 {margin-top: 200px;}

.mt-225 {margin-top: 225px;}

.mt-235 {margin-top: 235px;}

.mt-250 {margin-top: 250px;}

.mt-240 {margin-top: 240px;}

.mt-260 {margin-top: 260px;}

.mt-300 {margin-top: 300px;}

.mt-325 {margin-top: 325px;}

.mt-350 {margin-top: 350px;}

.mt-400 {margin-top: 400px;}

/*====================================margin bottom===============================================*/

.mb-5   {margin-bottom: 5px !important;}

.mb-10  {margin-bottom: 10px;}

.mb-15  {margin-bottom: 15px;}

.mb-20  {margin-bottom: 20px;}

.mb-25  {margin-bottom: 25px;}

.mb-30  {margin-bottom: 30px;}

.mb-35  {margin-bottom: 35px;}

.mb-40  {margin-bottom: 40px;}

.mb-45  {margin-bottom: 45px;}

.mb-50  {margin-bottom: 50px;}

.mb-55  {margin-bottom: 55px;}

.mb-60  {margin-bottom: 60px;}

.mb-65  {margin-bottom: 65px;}

.mb-70  {margin-bottom: 70px;}

.mb-75  {margin-bottom: 75px;}

.mb-80  {margin-bottom: 80px;}

.mb-85  {margin-bottom: 85px;}

.mb-90  {margin-bottom: 90px;}

.mb-95  {margin-bottom: 95px;}

.mb-100 {margin-bottom: 100px;}

.mb-110 {margin-bottom: 110px;}

.mb-120 {margin-bottom: 120px;}

.mb-130 {margin-bottom: 130px;}

.mb-140 {margin-bottom: 140px;}

.mb-150 {margin-bottom: 150px;}

.mb-160 {margin-bottom: 160px;}

.mb-170 {margin-bottom: 170px;}

.mb-180 {margin-bottom: 180px;}

.mb-190 {margin-bottom: 190px;}

.mb-200 {margin-bottom: 200px;}

.mb-225 {margin-bottom: 225px;}

.mb-250 {margin-bottom: 250px;}

.mb-300 {margin-bottom: 300px;}

.mb-350 {margin-bottom: 350px;}

.mb-400 {margin-bottom: 400px;}

/*====================================margin left===============================================*/

.ml-5{margin-left: 5px;}

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

.ml-15{margin-left: 15px;}

.ml-20{margin-left: 20px;}

.ml-30{margin-left: 30px;}

.ml-40{margin-left: 40px;}

/*====================================margin right==============================================*/

.mr-5{margin-right: 5px;}

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

.mr-15{margin-right: 15px;}

.mr-20{margin-right: 20px;}

.mr-30{margin-right: 30px;}

.mr-50{margin-right: 50px;}

.mr-60{margin-right: 60px;}

.mr-70{margin-right: 70px;}

.mr-80{margin-right: 80px;}

.mr-90{margin-right: 90px;}

.mr-100{margin-right: 100px;}



/*=====================responsive =============================================================*/



@media (max-width: 1399.98px) {

  .xl-p0 {padding: 0 !important;}

  .xl-m0 {margin:  0 !important;}



  .xl-pt-10  {padding-top: 10px !important;}

  .xl-pt-20  {padding-top: 20px !important;}

  .xl-pt-30  {padding-top: 30px !important;}

  .xl-pt-40  {padding-top: 40px !important;}

  .xl-pt-50  {padding-top: 50px !important;}

  .xl-pt-60  {padding-top: 60px !important;}

  .xl-pt-70  {padding-top: 70px !important;}

  .xl-pt-80  {padding-top: 80px !important;}

  .xl-pt-90  {padding-top: 90px !important;}

  .xl-pt-100 {padding-top: 100px !important;}

  .xl-pt-110 {padding-top: 110px !important;}

  .xl-pt-120 {padding-top: 120px !important;}

  .xl-pt-130 {padding-top: 130px !important;}

  .xl-pt-140 {padding-top: 140px !important;}

  .xl-pt-150 {padding-top: 150px !important;}

  .xl-pt-200 {padding-top: 200px !important;}



  .xl-pb-10  {padding-bottom: 10px !important;}

  .xl-pb-20  {padding-bottom: 20px !important;}

  .xl-pb-30  {padding-bottom: 30px !important;}

  .xl-pb-40  {padding-bottom: 40px !important;}

  .xl-pb-50  {padding-bottom: 50px !important;}

  .xl-pb-60  {padding-bottom: 60px !important;}

  .xl-pb-70  {padding-bottom: 70px !important;}

  .xl-pb-80  {padding-bottom: 80px !important;}

  .xl-pb-90  {padding-bottom: 90px !important;}

  .xl-pb-100 {padding-bottom: 100px !important;}

  .xl-pb-110 {padding-bottom: 110px !important;}

  .xl-pb-120 {padding-bottom: 120px !important;}

  .xl-pb-130 {padding-bottom: 130px !important;}

  .xl-pb-140 {padding-bottom: 140px !important;}

  .xl-pb-150 {padding-bottom: 150px !important;}

  .xl-pb-200 {padding-bottom: 200px !important;}



  .xl-mt-10  {margin-top: 10px !important;}

  .xl-mt-20  {margin-top: 20px !important;}

  .xl-mt-30  {margin-top: 30px !important;}

  .xl-mt-40  {margin-top: 40px !important;}

  .xl-mt-50  {margin-top: 50px !important;}

  .xl-mt-60  {margin-top: 60px !important;}

  .xl-mt-70  {margin-top: 70px !important;}

  .xl-mt-80  {margin-top: 80px !important;}

  .xl-mt-90  {margin-top: 90px !important;}

  .xl-mt-100 {margin-top: 100px !important;}

  .xl-mt-110 {margin-top: 110px !important;}

  .xl-mt-120 {margin-top: 120px !important;}

  .xl-mt-130 {margin-top: 130px !important;}

  .xl-mt-140 {margin-top: 140px !important;}

  .xl-mt-150 {margin-top: 150px !important;}

  .xl-mt-200 {margin-top: 200px !important;}



  .xl-mb-10  {margin-bottom: 10px !important;}

  .xl-mb-20  {margin-bottom: 20px !important;}

  .xl-mb-30  {margin-bottom: 30px !important;}

  .xl-mb-40  {margin-bottom: 40px !important;}

  .xl-mb-50  {margin-bottom: 50px !important;}

  .xl-mb-60  {margin-bottom: 60px !important;}

  .xl-mb-70  {margin-bottom: 70px !important;}

  .xl-mb-80  {margin-bottom: 80px !important;}

  .xl-mb-90  {margin-bottom: 90px !important;}

  .xl-mb-100 {margin-bottom: 100px !important;}

  .xl-mb-110 {margin-bottom: 110px !important;}

  .xl-mb-120 {margin-bottom: 120px !important;}

  .xl-mb-130 {margin-bottom: 130px !important;}

  .xl-mb-140 {margin-bottom: 140px !important;}

  .xl-mb-150 {margin-bottom: 150px !important;}

  .xl-mb-200 {margin-bottom: 200px !important;}

} 

/*(max-width: 1399px)*/



@media (max-width: 1199.98px) {

  .lg-lh-34{line-height: 34px;}

  .lg-lh-35{line-height: 35px;}

  .lg-lh-36{line-height: 36px;}

  .lg-lh-37{line-height: 37px;}

  .lg-lh-38{line-height: 38px;}

  .lg-lh-39{line-height: 39px;}

  .lg-lh-40{line-height: 40px;}

  .lg-lh-41{line-height: 41px;}

  .lg-lh-42{line-height: 42px;}

  .lg-lh-43{line-height: 43px;}

  .lg-lh-44{line-height: 44px;}

  .lg-lh-45{line-height: 45px;}

  .lg-lh-46{line-height: 46px;}

  .lg-lh-47{line-height: 47px;}

  .lg-lh-48{line-height: 48px;}

  .lg-lh-49{line-height: 49px;}

  .lg-lh-50{line-height: 50px;}



  .lg-p0 {padding: 0 !important;}

  .lg-m0 {margin:  0 !important;}



  .lg-pt-10  {padding-top: 10px !important;}

  .lg-pt-20  {padding-top: 20px !important;}

  .lg-pt-30  {padding-top: 30px !important;}

  .lg-pt-40  {padding-top: 40px !important;}

  .lg-pt-50  {padding-top: 50px !important;}

  .lg-pt-60  {padding-top: 60px !important;}

  .lg-pt-70  {padding-top: 70px !important;}

  .lg-pt-80  {padding-top: 80px !important;}

  .lg-pt-90  {padding-top: 90px !important;}

  .lg-pt-100 {padding-top: 100px !important;}

  .lg-pt-110 {padding-top: 110px !important;}

  .lg-pt-120 {padding-top: 120px !important;}

  .lg-pt-130 {padding-top: 130px !important;}

  .lg-pt-140 {padding-top: 140px !important;}

  .lg-pt-150 {padding-top: 150px !important;}

  .lg-pt-200 {padding-top: 200px !important;}



  .lg-pb-10  {padding-bottom: 10px !important;}

  .lg-pb-20  {padding-bottom: 20px !important;}

  .lg-pb-30  {padding-bottom: 30px !important;}

  .lg-pb-40  {padding-bottom: 40px !important;}

  .lg-pb-50  {padding-bottom: 50px !important;}

  .lg-pb-60  {padding-bottom: 60px !important;}

  .lg-pb-70  {padding-bottom: 70px !important;}

  .lg-pb-80  {padding-bottom: 80px !important;}

  .lg-pb-90  {padding-bottom: 90px !important;}

  .lg-pb-100 {padding-bottom: 100px !important;}

  .lg-pb-110 {padding-bottom: 110px !important;}

  .lg-pb-120 {padding-bottom: 120px !important;}

  .lg-pb-130 {padding-bottom: 130px !important;}

  .lg-pb-140 {padding-bottom: 140px !important;}

  .lg-pb-150 {padding-bottom: 150px !important;}

  .lg-pb-200 {padding-bottom: 200px !important;}



  .lg-mt-10  {margin-top: 10px !important;}

  .lg-mt-20  {margin-top: 20px !important;}

  .lg-mt-30  {margin-top: 30px !important;}

  .lg-mt-40  {margin-top: 40px !important;}

  .lg-mt-50  {margin-top: 50px !important;}

  .lg-mt-60  {margin-top: 60px !important;}

  .lg-mt-70  {margin-top: 70px !important;}

  .lg-mt-80  {margin-top: 80px !important;}

  .lg-mt-90  {margin-top: 90px !important;}

  .lg-mt-100 {margin-top: 100px !important;}

  .lg-mt-110 {margin-top: 110px !important;}

  .lg-mt-120 {margin-top: 120px !important;}

  .lg-mt-130 {margin-top: 130px !important;}

  .lg-mt-140 {margin-top: 140px !important;}

  .lg-mt-150 {margin-top: 150px !important;}

  .lg-mt-200 {margin-top: 200px !important;}



  .lg-mb-10  {margin-bottom: 10px !important;}

  .lg-mb-20  {margin-bottom: 20px !important;}

  .lg-mb-30  {margin-bottom: 30px !important;}

  .lg-mb-40  {margin-bottom: 40px !important;}

  .lg-mb-50  {margin-bottom: 50px !important;}

  .lg-mb-60  {margin-bottom: 60px !important;}

  .lg-mb-70  {margin-bottom: 70px !important;}

  .lg-mb-80  {margin-bottom: 80px !important;}

  .lg-mb-90  {margin-bottom: 90px !important;}

  .lg-mb-100 {margin-bottom: 100px !important;}

  .lg-mb-110 {margin-bottom: 110px !important;}

  .lg-mb-120 {margin-bottom: 120px !important;}

  .lg-mb-130 {margin-bottom: 130px !important;}

  .lg-mb-140 {margin-bottom: 140px !important;}

  .lg-mb-150 {margin-bottom: 150px !important;}

  .lg-mb-200 {margin-bottom: 200px !important;}

}

/*(max-width: 1199px)*/



@media (max-width: 991.98px) {

  .md-lh-34{line-height: 34px;}

  .md-lh-35{line-height: 35px;}

  .md-lh-36{line-height: 36px;}

  .md-lh-37{line-height: 37px;}

  .md-lh-38{line-height: 38px;}

  .md-lh-39{line-height: 39px;}

  .md-lh-40{line-height: 40px;}

  .md-lh-41{line-height: 41px;}

  .md-lh-42{line-height: 42px;}

  .md-lh-43{line-height: 43px;}

  .md-lh-44{line-height: 44px;}

  .md-lh-45{line-height: 45px;}

  .md-lh-46{line-height: 46px;}

  .md-lh-47{line-height: 47px;}

  .md-lh-48{line-height: 48px;}

  .md-lh-49{line-height: 49px;}

  .md-lh-50{line-height: 50px;}

  .md-p0 {padding: 0 !important;}

  .md-m0 {margin:  0 !important;}



  .md-pt-10  {padding-top: 10px !important;}

  .md-pt-20  {padding-top: 20px !important;}

  .md-pt-30  {padding-top: 30px !important;}

  .md-pt-40  {padding-top: 40px !important;}

  .md-pt-50  {padding-top: 50px !important;}

  .md-pt-60  {padding-top: 60px !important;}

  .md-pt-70  {padding-top: 70px !important;}

  .md-pt-80  {padding-top: 80px !important;}

  .md-pt-90  {padding-top: 90px !important;}

  .md-pt-100 {padding-top: 100px !important;}

  .md-pt-110 {padding-top: 110px !important;}

  .md-pt-120 {padding-top: 120px !important;}

  .md-pt-130 {padding-top: 130px !important;}

  .md-pt-140 {padding-top: 140px !important;}

  .md-pt-150 {padding-top: 150px !important;}

  .md-pt-200 {padding-top: 200px !important;}



  .md-pb-10  {padding-bottom: 10px !important;}

  .md-pb-20  {padding-bottom: 20px !important;}

  .md-pb-30  {padding-bottom: 30px !important;}

  .md-pb-40  {padding-bottom: 40px !important;}

  .md-pb-50  {padding-bottom: 50px !important;}

  .md-pb-60  {padding-bottom: 60px !important;}

  .md-pb-70  {padding-bottom: 70px !important;}

  .md-pb-80  {padding-bottom: 80px !important;}

  .md-pb-90  {padding-bottom: 90px !important;}

  .md-pb-100 {padding-bottom: 100px !important;}

  .md-pb-110 {padding-bottom: 110px !important;}

  .md-pb-120 {padding-bottom: 120px !important;}

  .md-pb-130 {padding-bottom: 130px !important;}

  .md-pb-140 {padding-bottom: 140px !important;}

  .md-pb-150 {padding-bottom: 150px !important;}

  .md-pb-200 {padding-bottom: 200px !important;}



  .md-mt-0  {margin-top:0px !important;}

  .md-mt-10  {margin-top: 10px !important;}

  .md-mt-20  {margin-top: 20px !important;}

  .md-mt-30  {margin-top: 30px !important;}

  .md-mt-40  {margin-top: 40px !important;}

  .md-mt-50  {margin-top: 50px !important;}

  .md-mt-60  {margin-top: 60px !important;}

  .md-mt-70  {margin-top: 70px !important;}

  .md-mt-80  {margin-top: 80px !important;}

  .md-mt-90  {margin-top: 90px !important;}

  .md-mt-100 {margin-top: 100px !important;}

  .md-mt-110 {margin-top: 110px !important;}

  .md-mt-120 {margin-top: 120px !important;}

  .md-mt-130 {margin-top: 130px !important;}

  .md-mt-140 {margin-top: 140px !important;}

  .md-mt-150 {margin-top: 150px !important;}

  .md-mt-200 {margin-top: 200px !important;}



  .md-mb-0  {margin-bottom: 10px !important;}

  .md-mb-10  {margin-bottom: 10px !important;}

  .md-mb-20  {margin-bottom: 20px !important;}

  .md-mb-30  {margin-bottom: 30px !important;}

  .md-mb-40  {margin-bottom: 40px !important;}

  .md-mb-50  {margin-bottom: 50px !important;}

  .md-mb-60  {margin-bottom: 60px !important;}

  .md-mb-70  {margin-bottom: 70px !important;}

  .md-mb-80  {margin-bottom: 80px !important;}

  .md-mb-90  {margin-bottom: 90px !important;}

  .md-mb-100 {margin-bottom: 100px !important;}

  .md-mb-110 {margin-bottom: 110px !important;}

  .md-mb-120 {margin-bottom: 120px !important;}

  .md-mb-130 {margin-bottom: 130px !important;}

  .md-mb-140 {margin-bottom: 140px !important;}

  .md-mb-150 {margin-bottom: 150px !important;}

  .md-mb-200 {margin-bottom: 200px !important;}

  .md-pl-0{padding-left: 0!important;}

}

/*(max-width: 991px)*/







@media (max-width: 767.98px) {

  .sm-lh-34{line-height: 34px;}

  .sm-lh-35{line-height: 35px;}

  .sm-lh-36{line-height: 36px;}

  .sm-lh-37{line-height: 37px;}

  .sm-lh-38{line-height: 38px;}

  .sm-lh-39{line-height: 39px;}

  .sm-lh-40{line-height: 40px;}

  .sm-lh-41{line-height: 41px;}

  .sm-lh-42{line-height: 42px;}

  .sm-lh-43{line-height: 43px;}

  .sm-lh-44{line-height: 44px;}

  .sm-lh-45{line-height: 45px;}

  .sm-lh-46{line-height: 46px;}

  .sm-lh-47{line-height: 47px;}

  .sm-lh-48{line-height: 48px;}

  .sm-lh-49{line-height: 49px;}

  .sm-lh-50{line-height: 50px;}



  .sm-p0 {padding: 0 !important;}

  .sm-m0 {margin:  0 !important;}



  .sm-pt-10  {padding-top: 10px !important;}

  .sm-pt-20  {padding-top: 20px !important;}

  .sm-pt-30  {padding-top: 30px !important;}

  .sm-pt-40  {padding-top: 40px !important;}

  .sm-pt-50  {padding-top: 50px !important;}

  .sm-pt-60  {padding-top: 60px !important;}

  .sm-pt-70  {padding-top: 70px !important;}

  .sm-pt-80  {padding-top: 80px !important;}

  .sm-pt-90  {padding-top: 90px !important;}

  .sm-pt-100 {padding-top: 100px !important;}

  .sm-pt-110 {padding-top: 110px !important;}

  .sm-pt-120 {padding-top: 120px !important;}

  .sm-pt-130 {padding-top: 130px !important;}

  .sm-pt-140 {padding-top: 140px !important;}

  .sm-pt-150 {padding-top: 150px !important;}

  .sm-pt-200 {padding-top: 200px !important;}



  .sm-pb-10  {padding-bottom: 10px !important;}

  .sm-pb-20  {padding-bottom: 20px !important;}

  .sm-pb-30  {padding-bottom: 30px !important;}

  .sm-pb-40  {padding-bottom: 40px !important;}

  .sm-pb-50  {padding-bottom: 50px !important;}

  .sm-pb-60  {padding-bottom: 60px !important;}

  .sm-pb-70  {padding-bottom: 70px !important;}

  .sm-pb-80  {padding-bottom: 80px !important;}

  .sm-pb-90  {padding-bottom: 90px !important;}

  .sm-pb-100 {padding-bottom: 100px !important;}

  .sm-pb-110 {padding-bottom: 110px !important;}

  .sm-pb-120 {padding-bottom: 120px !important;}

  .sm-pb-130 {padding-bottom: 130px !important;}

  .sm-pb-140 {padding-bottom: 140px !important;}

  .sm-pb-150 {padding-bottom: 150px !important;}

  .sm-pb-200 {padding-bottom: 200px !important;}



  .sm-mt-10  {margin-top: 10px !important;}

  .sm-mt-20  {margin-top: 20px !important;}

  .sm-mt-30  {margin-top: 30px !important;}

  .sm-mt-40  {margin-top: 40px !important;}

  .sm-mt-50  {margin-top: 50px !important;}

  .sm-mt-60  {margin-top: 60px !important;}

  .sm-mt-70  {margin-top: 70px !important;}

  .sm-mt-80  {margin-top: 80px !important;}

  .sm-mt-90  {margin-top: 90px !important;}

  .sm-mt-100 {margin-top: 100px !important;}

  .sm-mt-110 {margin-top: 110px !important;}

  .sm-mt-120 {margin-top: 120px !important;}

  .sm-mt-130 {margin-top: 130px !important;}

  .sm-mt-140 {margin-top: 140px !important;}

  .sm-mt-150 {margin-top: 150px !important;}

  .sm-mt-200 {margin-top: 200px !important;}



  .sm-mb-10  {margin-bottom: 10px !important;}

  .sm-mb-20  {margin-bottom: 20px !important;}

  .sm-mb-30  {margin-bottom: 30px !important;}

  .sm-mb-40  {margin-bottom: 40px !important;}

  .sm-mb-50  {margin-bottom: 50px !important;}

  .sm-mb-60  {margin-bottom: 60px !important;}

  .sm-mb-70  {margin-bottom: 70px !important;}

  .sm-mb-80  {margin-bottom: 80px !important;}

  .sm-mb-90  {margin-bottom: 90px !important;}

  .sm-mb-100 {margin-bottom: 100px !important;}

  .sm-mb-110 {margin-bottom: 110px !important;}

  .sm-mb-120 {margin-bottom: 120px !important;}

  .sm-mb-130 {margin-bottom: 130px !important;}

  .sm-mb-140 {margin-bottom: 140px !important;}

  .sm-mb-150 {margin-bottom: 150px !important;}

  .sm-mb-200 {margin-bottom: 200px !important;}

}

/*(max-width: 767px)*/



@media (max-width: 576.98px) {

  .xs-lh-34{line-height: 34px;}

  .xs-lh-35{line-height: 35px;}

  .xs-lh-36{line-height: 36px;}

  .xs-lh-37{line-height: 37px;}

  .xs-lh-38{line-height: 38px;}

  .xs-lh-39{line-height: 39px;}

  .xs-lh-40{line-height: 40px;}

  .xs-lh-41{line-height: 41px;}

  .xs-lh-42{line-height: 42px;}

  .xs-lh-43{line-height: 43px;}

  .xs-lh-44{line-height: 44px;}

  .xs-lh-45{line-height: 45px;}

  .xs-lh-46{line-height: 46px;}

  .xs-lh-47{line-height: 47px;}

  .xs-lh-48{line-height: 48px;}

  .xs-lh-49{line-height: 49px;}

  .xs-lh-50{line-height: 50px;}

  .xs-p0 {padding: 0 !important;}

  .xs-m0 {margin:  0 !important;}



  .xs-pt-10  {padding-top: 10px !important;}

  .xs-pt-20  {padding-top: 20px !important;}

  .xs-pt-30  {padding-top: 30px !important;}

  .xs-pt-40  {padding-top: 40px !important;}

  .xs-pt-50  {padding-top: 50px !important;}

  .xs-pt-60  {padding-top: 60px !important;}

  .xs-pt-70  {padding-top: 70px !important;}

  .xs-pt-80  {padding-top: 80px !important;}

  .xs-pt-90  {padding-top: 90px !important;}

  .xs-pt-100 {padding-top: 100px !important;}

  .xs-pt-110 {padding-top: 110px !important;}

  .xs-pt-120 {padding-top: 120px !important;}

  .xs-pt-130 {padding-top: 130px !important;}

  .xs-pt-140 {padding-top: 140px !important;}

  .xs-pt-150 {padding-top: 150px !important;}

  .xs-pt-200 {padding-top: 200px !important;}



  .xs-pb-10  {padding-bottom: 10px !important;}

  .xs-pb-20  {padding-bottom: 20px !important;}

  .xs-pb-30  {padding-bottom: 30px !important;}

  .xs-pb-40  {padding-bottom: 40px !important;}

  .xs-pb-50  {padding-bottom: 50px !important;}

  .xs-pb-60  {padding-bottom: 60px !important;}

  .xs-pb-70  {padding-bottom: 70px !important;}

  .xs-pb-80  {padding-bottom: 80px !important;}

  .xs-pb-90  {padding-bottom: 90px !important;}

  .xs-pb-100 {padding-bottom: 100px !important;}

  .xs-pb-110 {padding-bottom: 110px !important;}

  .xs-pb-120 {padding-bottom: 120px !important;}

  .xs-pb-130 {padding-bottom: 130px !important;}

  .xs-pb-140 {padding-bottom: 140px !important;}

  .xs-pb-150 {padding-bottom: 150px !important;}

  .xs-pb-200 {padding-bottom: 200px !important;}



  .xs-mt-10  {margin-top: 10px !important;}

  .xs-mt-20  {margin-top: 20px !important;}

  .xs-mt-30  {margin-top: 30px !important;}

  .xs-mt-40  {margin-top: 40px !important;}

  .xs-mt-50  {margin-top: 50px !important;}

  .xs-mt-60  {margin-top: 60px !important;}

  .xs-mt-70  {margin-top: 70px !important;}

  .xs-mt-80  {margin-top: 80px !important;}

  .xs-mt-90  {margin-top: 90px !important;}

  .xs-mt-100 {margin-top: 100px !important;}

  .xs-mt-110 {margin-top: 110px !important;}

  .xs-mt-120 {margin-top: 120px !important;}

  .xs-mt-130 {margin-top: 130px !important;}

  .xs-mt-140 {margin-top: 140px !important;}

  .xs-mt-150 {margin-top: 150px !important;}

  .xs-mt-200 {margin-top: 200px !important;}



  .xs-mb-10  {margin-bottom: 10px !important;}

  .xs-mb-20  {margin-bottom: 20px !important;}

  .xs-mb-30  {margin-bottom: 30px !important;}

  .xs-mb-40  {margin-bottom: 40px !important;}

  .xs-mb-50  {margin-bottom: 50px !important;}

  .xs-mb-60  {margin-bottom: 60px !important;}

  .xs-mb-70  {margin-bottom: 70px !important;}

  .xs-mb-80  {margin-bottom: 80px !important;}

  .xs-mb-90  {margin-bottom: 90px !important;}

  .xs-mb-100 {margin-bottom: 100px !important;}

  .xs-mb-110 {margin-bottom: 110px !important;}

  .xs-mb-120 {margin-bottom: 120px !important;}

  .xs-mb-130 {margin-bottom: 130px !important;}

  .xs-mb-140 {margin-bottom: 140px !important;}

  .xs-mb-150 {margin-bottom: 150px !important;}

  .xs-mb-200 {margin-bottom: 200px !important;}

}

/*(max-width: 575px)*/


.main-page-wrapper {

  overflow: hidden;

}

.advisory{

  text-align: center;

}

.advisory small{

  color: #fff;

}


.navbar-toggler {

  width: 44px;

  height: 38px;

  padding: 0;

  box-shadow: none;

  position: relative;

  z-index: 99;

  border: none;

  background: #FF6915;

}

.navbar-toggler:focus {box-shadow: none;}

.navbar-toggler::before, .navbar-toggler::after {

  content: '';

  position: absolute;

  top: 50%;

  left: 9px;

  width: 26px;

  height: 2px;

  pointer-events: none;

  -webkit-transition: -webkit-transform 0.25s;

  transition: transform 0.25s;

  -webkit-transform-origin: 50% 50%;

  transform-origin: 50% 50%;

  background: #fff;

}

.navbar-toggler span {

  position: absolute;

  left: 9px;

  overflow: hidden;

  width: 26px;

  height: 2px;

  text-indent: 200%;

  -webkit-transition: opacity 0.25s;

  transition: opacity 0.25s;

  background: #fff;

}

.navbar-toggler::before {

  -webkit-transform: translate3d(0, -9px, 0) scale3d(1, 1, 1);

  transform: translate3d(0, -9px, 0) scale3d(1, 1, 1);

}

.navbar-toggler::after {

  -webkit-transform: translate3d(0, 8px, 0) scale3d(1, 1, 1);

  transform: translate3d(0, 8px, 0) scale3d(1, 1, 1);

}

.navbar-toggler[aria-expanded="true"]::before {

  -webkit-transform: rotate3d(0, 0, 1, 45deg);

  transform: rotate3d(0, 0, 1, 45deg);

}

.navbar-toggler[aria-expanded="true"] span {

  opacity: 0;

}

.navbar-toggler[aria-expanded="true"]::after {

  -webkit-transform: rotate3d(0, 0, 1, -45deg);

  transform: rotate3d(0, 0, 1, -45deg);

}

.dropdown-toggle::after{display: none;}

.theme-main-menu .navbar .navbar-nav .nav-link {

  position: relative;

  color: #ffffff;

  text-transform: uppercase;

  font-size: 16px;

}

.theme-main-menu .navbar .navbar-nav .nav-item .nav-link.active, 

.theme-main-menu .navbar .navbar-nav .nav-item:hover .nav-link{

    color: var(--prime-two );

}

.theme-main-menu .navbar .navbar-nav .nav-item:hover .dropdown-toggle::after{

	transform:rotate(180deg);

}

.dropdown-toggle{

	position: relative;

}

.navbar-nav .dropdown-menu {

    padding: 6px 13px;

    -webkit-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;



}

.navbar-nav .dropdown-menu .dropdown-item {

    margin-bottom: 5px;

    border-radius: 5px;

    -webkit-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.dropdown-menu .dropdown-item:hover{

	color: #ffffff;

	background-color:var(--prime-two );

}

.dropdown-item.active ,.dropdown-item:active{

	background-color:var(--prime-two );

	color: #ffffff;

}

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

	display:block;

	visibility:visible;

  -webkit-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

/*----- For Desktop -------*/

@media screen and (min-width: 992px) {

	.navbar .dropdown-menu {

		z-index: 5;

	  background-color: #fff;

	  border-radius: 10px;

	  display: block;

	  right: 0;

	  left: 0;

	  padding: 10px;

	  border: none;

	  top: 100%;

	  visibility: hidden;

	  transform: scale(1 , 0);

	  opacity: 0;

	  min-width: 250px;

		box-shadow: 0px 50px 100px rgba(0, 0, 0, 0.12);

	  margin: 0;

	  transform-origin: 0 0;

	  -webkit-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

	}

	.navbar .dropdown-menu .dropdown-menu {

		left: calc(100% + 10px);

		top: 0;

		right: auto;

		min-width: 240px;

		box-shadow: 0 20px 30px -10px rgb(0, 0, 0, 0.15);

		transform: scale3d(1,1,1);

    -webkit-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

	}

	.navbar .dropdown:hover>.dropdown-menu {

		opacity: 1;

		visibility: visible;

		transform: scale3d(1,1,1);

    -webkit-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

	}



}

/*----- For Mobile ----*/

@media screen and (max-width: 991.98px) {

  .theme-menu-one{

    padding-bottom:10px!important;

  }

  .navbar {padding: 0;}

  .navbar-collapse {

    position: fixed;

    top:8%;

    background-color: #000000;

    left: 0;

    max-height: 100vh;

    overflow-y: auto;

    clear: both;

    width: 320px;

    max-width: calc(100vw - 60px);

    z-index: 9999;

    transform: translateX(-100%);

    display: block !important;

    padding: 20px 20px 20px;

    transition: all 0.2s ease-in-out;

  }

  .navbar-collapse.show {transform: translateX(0); box-shadow: 15px 0 25px rgba(35,35,35,0.1);}

  .theme-main-menu .navbar .mega-dropdown {position: relative;}

  .navbar .navbar-nav .nav-link {margin: 0; padding: 13px 0; border-bottom: 1px solid #f3f3f3;font-size: 15px;}

  .navbar .dropdown-menu .dropdown-item {

    font-size: 14px;

    border-radius:0;

    border:none;

   }

  .navbar .dropdown-menu {

  	border: none;

  	padding: 0;

  	border-radius: 0;

  	margin: 0;

  }

  .theme-main-menu .navbar .navbar-nav .nav-link.active::before{display: none;}

  .theme-main-menu .navbar .navbar-nav .nav-link::before{display: none;}

  .navbar .dropdown-submenu .dropdown-menu {margin: 0; padding: 0 0 0 15px;}

  .navbar .show.dropdown-toggle::after {transform: rotate(180deg);}

  .theme-main-menu .navbar .navbar-nav .nav-item:hover .dropdown-toggle::after{

  transform:none;

}

.theme-main-menu .right-wiget{display: none;}

.sign-up{margin: auto;}

}
.color-one {

  color: #000000;

}



.color-two {

  color: #ffffff;

}



.color-three {

  color: #FF6915

}



h1,

h2,

h3,

h2,

h5,

h6 {

  font-family: var(--heading-text);

  font-style: normal;

}



.h1,

h1,

.h2,

h2,

.h3,

h3,

.h2,

h2,

.h5,

h5,

.h6,

h6 {

  font-family: var(--heading-text);

  font-style: normal;

}



.h3,

h3,

.h2,

h2,

.h5,

h5,

.h6,

h6 {

  color: var(--heading-color);

}



.h1,

h1 {

  font-size: 50px;

  line-height: 1.4;

}



.h2,

h2 {

  font-size: 40px;

  line-height: 1.4;

}



.h3,

h3 {

  font-size: 34px;

  line-height: 1.5;

}



.h2,

h2 {

  font-size: 28px;

  line-height: 1.5;

  /*done*/

}



.h5,

h5 {

  font-size: 24px;

  line-height: 1.6;

  /*done*/

}



.h6,

h6 {

  font-size: 20px;

  line-height: 1.6;

  /*done*/

}



.opacity {

  opacity: 0.8;

}



.opacity-two {

  opacity: 0.6;

}



.border-80 {

  width: 80%;

  height: 1px;

  background: #E8D1C0;

}



.border-90 {

  width: 90%;

  height: 1px;

  background: #000000;

}



.border-100 {

  width: 90%;

  height: 1px;

  background: #2C2828;

}



/* =========================font size=========================== */

.fs-13 {

  font-size: 13px;

}



.fs-14 {

  font-size: 14px;

}



.fs-15 {

  font-size: 15px;

}



.fs-16 {

  font-size: 16px;

}



.fs-17 {

  font-size: 17px;

}



.fs-18 {

  font-size: 18px;

}



.fs-20 {

  font-size: 20px;

}



.fs-22 {

  font-size: 22px;

}



.fs-24 {

  font-size: 24px;

}



.fs-26 {

  font-size: 26px;

}



.fs-28 {

  font-size: 28px;

}



.fs-30 {

  font-size: 30px;

}



/* =========================font weignt=========================== */

a {

  font-weight: 500;

}



.fw-400 {

  font-weight: 400;

}



.fw-500 {

  font-weight: 500;

}



.fw-600 {

  font-weight: 600;

}



.fw-700 {

  font-weight: 700;

}



/* =========================line height=========================== */

.lh-34 {

  line-height: 34px;

}



.lh-35 {

  line-height: 35px;

}



.lh-36 {

  line-height: 36px;

}



.lh-37 {

  line-height: 37px;

}



.lh-38 {

  line-height: 38px;

}



.lh-39 {

  line-height: 39px;

}



.lh-40 {

  line-height: 40px;

}



.lh-41 {

  line-height: 41px;

}



.lh-42 {

  line-height: 42px;

}



.lh-43 {

  line-height: 43px;

}



.lh-44 {

  line-height: 44px;

}



.lh-45 {

  line-height: 45px;

}



.lh-46 {

  line-height: 46px;

}



.lh-47 {

  line-height: 47px;

}



.lh-48 {

  line-height: 48px;

}



.lh-49 {

  line-height: 49px;

}



.lh-50 {

  line-height: 50px;

}



/* =========================other=========================== */

.upercase {

  text-transform: uppercase;

}



.span-one {

  color: #FFF;

  font-family: var(--heading-text);

  font-size: 20px;

  font-weight: 700;

  line-height: 30px;

}



.span-two {

  color: #FF6915;

  font-size: 16px;

  font-weight: 500;

  line-height: 34px;

  text-transform: uppercase;

}
.pricing-plan .span-two{
  color: #022d5d;
}


::-webkit-input-placeholder {

  color: rgba(0, 0, 0, 0.7);

}



:-ms-input-placeholder {

  color: rgba(0, 0, 0, 0.7);

}



::placeholder {

  color: rgba(0, 0, 0, 0.7);

}



.shapes {

  position: absolute;

}



.tran3s {

  transition: all 0.3s ease-in-out;

}



.tran4s {

  transition: all 0.4s ease-in-out;

}



.tran5s {

  transition: all 0.5s ease-in-out;

}



.tran6s {

  transition: all 0.6s ease-in-out;

}



.row {

  --bs-gutter-x: 30px;

}



.gutter-y-30 {

  --bs-gutter-y: 30px;

}



.container {

  padding-left: 15px;

  padding-right: 15px;

}



@media (min-width: 1200px) {

  .container {

    max-width: 1200px;

  }

}



@media (min-width: 1500px) {

  .container-fluid {

    max-width: 1500px;

  }

}



.logo img{

  max-width: 180px;

}



.hero-area {

  position: relative;

  padding-bottom: 50px;

}



.hero-para {

  font-size: 14px;

  color: #fff;

}



.hero-area::after {

  content: "";

  position: absolute;

  height: 100%;

  width: 100%;

  top: 0;

  left: 0;

  z-index: -9;

  background-image: url(../images/about/about-01-old.webp?v=2);

  background-color: #F4F4F4;

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

}

.cta-overlay {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(2, 45, 93, 0.8);

  z-index: -1;

}

.header-area-home1 {

  background: transparent;

  width: 100%;

  position: absolute;

  z-index: 999;

}



.main-hadding {

  padding-top: 50px;

}



.main-hadding h1 {

  font-size: 50px;

  font-weight: 700;

  color: #fff;

  line-height: 60px;

  padding: 0;

  padding-bottom: 18px;

  padding-top: 70px;

  text-align: center;

}



.main-hadding h1 span {

  position: relative;

}



/* .main-hadding h1 span::before {

  content: "";

  position: absolute;

  width: 100%;

  height: 65%;

  top: 19px;

  left: 0;

  background-color: #fede65;

  z-index: -1;

  border-radius: 4px;

} */



.hadding-p p {

  color: #fff;

  font-weight: 400;

  font-size: 16px;

  line-height: 26px;

  text-align: center;

  padding-bottom: 10px;

}



.home1-header-button {

  display: flex;

  align-items: center;

  margin-top: 30px;

}



.header-btn-2 {

  margin-left: 30px;

}



.main-form {

  /* max-width: 600px; */

  padding: 25px 25px 35px 25px;

  background-color: var(--prime-two);

}



.range-1 {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;



}



.box-minmax {

  margin-top: 5px;

  width: 100%;

  display: flex;

  justify-content: space-between;

  font-size: 20px;

  color: #000;

}



.box-minmax span:first-child {

  margin-left: 10px;

}



.range-slider {

  width: 100%;

}



.range-slider label {

  /* padding-top: 15px; */

  color: #000;

  font-size: 1rem;

}



.rs-range {

  /* margin-top: 25px; */

  width: 100%;

  -webkit-appearance: none;

  background-color: #fbfbfb !important;

  box-shadow: 0 6px 10px 0 rgba(85, 44, 16, 0.9);

  height: 62px;

  /* border: 1px solid #552c10; */

  padding-inline: 10px;

}



.rs-range:focus {

  outline: none;

}



.rs-range::-webkit-slider-runnable-track {

  width: 100%;

  height: 1px;

  cursor: pointer;

  box-shadow: none;

  background: var(--bs-primary);

  border-radius: 0px;

  border: 1px solid #000;



}



.rs-range::-moz-range-track {

  width: 100%;

  height: 1px;

  cursor: pointer;

  box-shadow: none;

  background: #000;

  border-radius: 0px;

  border: 0px solid #000;

}



.rs-range::-webkit-slider-thumb {

  box-shadow: none;

  border: 0px solid #fff;

  /* box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.25); */

  height: 32px;

  line-height: 62px;

  width: 62px;

  /* border-radius: 50rem; */

  background-color: #022D5D;

  background-image: url(../images/range-drag.svg);

  background-repeat: no-repeat;

  background-position: center;

  background-size: 30px;

  cursor: pointer;

  -webkit-appearance: none;

  margin-top: -15px;

  /* margin-left: 5px; */

}



.rs-range::-moz-range-thumb {

  box-shadow: none;

  border: 0px solid #fff;

  /* box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.25); */

  height: 32px;

  width: 62px;

  line-height: 62px;

  /* border-radius: 50rem; */

  background-color: #022D5D;

  background-image: url(../images/range-drag.svg);

  background-repeat: no-repeat;

  background-position: center;

  background-size: 30px;

  border-radius: 0;

  cursor: pointer;

  -webkit-appearance: none;

  margin-top: -15px;

  /* margin-left: 5px; */

}



.rs-range::-moz-focus-outer {

  border: 0;

}



.rs-label {

  position: relative;

  transform-origin: center center;

  display: block;

  width: 110px;

  height: 50px;

  background: transparent;

  /* border-radius: 50%; */

  line-height: 30px;

  text-align: center;

  font-weight: bold;

  /* padding-top: 22px; */

  box-sizing: border-box;

  border: 2px solid #fff;

  /* margin-top: 10px; */

  /* margin-left: 10px; */

  /* left: attr(value); */

  color: #000;

  line-height: normal;

  font-size: 2rem;

  display: flex;

  align-items: center;

  justify-content: flex-start;

}



.rs-label::before {

  content: "";

  /* display: block; */

  font-size: 24px;

  letter-spacing: 0.07em;

  /* margin-top: -2px; */

}



/* Main parent class styling */

.mail-group {

  /* background: #f5f6fa; */

  color: #9c9c9c;

  /* font: 1rem "PT Sans", sans-serif; */

}



/* Links */

.mail-group a {

  color: inherit;

}



.mail-group a:hover {

  color: #000;

}



.submit-wrapper {

  display: flex;

  justify-content: flex-start;

  gap: 2rem;

}



.container__item {

  display: flex;

  justify-content: flex-start;

  gap: 1rem;

  margin-top: 20px;

}



/* Helper classes */





.mail-group .uppercase {

  text-transform: uppercase;

}



/* Button styles */



.mail-group .btn--inside {

  margin-left: -96px;

}



.mail-group button {

  padding-inline: 20px;

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

  font-weight: 600;

  color: #fff;

  background-color: #022D5D;

  display: inline-block;

  cursor: pointer;

  border: 0px solid #6a592f;

  position: relative;

  z-index: 1;

  overflow: hidden;

  height: 62px;

  line-height: 62px;

  flex-basis: 34%;

}



.mail-group button:before {

  position: absolute;

  content: "";

  z-index: -1;

  bottom: 0;

  right: 0;

  height: 0;

  width: 100%;

  background: #000;

  /* border-radius: 30px; */

  transition: .5s;

}



.mail-group button span {

  font-size: 12px;

  display: inline-block;

  margin-left: 10px;

  position: relative;



}



.mail-group button:hover {

  color: #fff;

  font-weight: 600;

}



.mail-group button:hover:before {

  height: 100%;

  top: 0;

}



/* Form styles */

.mail-group .form__field {

  /* width: 360px; */

  background: #fbfbfb;

  color: #022D5D;

  font-size: 16px;

  /* box-shadow: 0 6px 10px 0 rgba(85, 44, 16, 0.9); */

  border: 0px solid #552c10;

  outline: 0;

  padding: 20px;

  /* margin-top: 20px; */

  flex-basis: 65%;

  /* border-radius: 50rem; */

  height: 62px;

}







/* 

.header-images {

  position: relative;

  height: 500px;

  margin-top: 50px;

} */



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

  Loading Transition

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



 ***/

.andeo-preloader {

  font-family: var(--heading-text);

  align-items: center;

  -webkit-align-items: center;

  display: flex;

  display: -ms-flexbox;

  height: 100%;

  justify-content: center;

  -webkit-justify-content: center;

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  z-index: 999999;

  background: #fff;

  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;

  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;

  transition: transform 2000ms ease, opacity 2000ms ease;

  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;

}



.andeo-preloader .animation-preloader {

  position: absolute;

  z-index: 100;

  text-align: center;

  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;

  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;

  transition: transform 2000ms ease, opacity 2000ms ease;

  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;

}



.animation-preloader h1 {

  color: #000000;

  font-family: var(--heading-text);

  font-style: normal;

  font-weight: 900;

  font-size: 66px;

  line-height: 90px;

  overflow: hidden;

  /* Ensures the content is not revealed until the animation */

  border-right: .15em solid #19A463;

  /* The typwriter cursor */

  white-space: nowrap;

  /* Keeps the content on a single line */

  margin: 0 auto;

  /* Gives that scrolling effect as the typing happens */

  letter-spacing: .30em;

  /* Adjust as needed */

  animation: typing 5s steps(7) infinite,

    blink-caret 0.8s infinite;

  animation-fill-mode: forwards;

  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;

  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;

  transition: transform 2000ms ease, opacity 2000ms ease;

  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;

}



/*==========================================simple animation ============================================*/

/* The typing effect */

@keyframes typing {

  0% {

    width: 0;

    -webkit-transition: all 0.5s linear;

    -o-transition: all 0.5s linear;

    transition: all 0.5s linear;

  }



  25% {

    width: 70%;

    -webkit-transition: all 0.5s linear;

    -o-transition: all 0.5s linear;

    transition: all 0.5s linear;

  }



  50% {

    width: 100%;

    -webkit-transition: all 0.5s linear;

    -o-transition: all 0.5s linear;

    transition: all 0.5s linear;

  }



  75% {

    width: 70%;

    -webkit-transition: all 0.5s linear;

    -o-transition: all 0.5s linear;

    transition: all 0.5s linear;

  }



  100% {

    width: 0;

    -webkit-transition: all 0.5s linear;

    -o-transition: all 0.5s linear;

    transition: all 0.5s linear;

  }

}



/* The typewriter cursor effect */

@keyframes blink-caret {

  from {

    border-color: transparent;

    -webkit-transition: all 0.5s linear;

    -o-transition: all 0.5s linear;

    transition: all 0.5s linear;

  }



  to {

    border-color: var(--prime-two);

    -webkit-transition: all 0.5s linear;

    -o-transition: all 0.5s linear;

    transition: all 0.5s linear;

  }



}



@keyframes ripple {

  0% {

    box-shadow: 0 0 0 .0rem rgba(255, 255, 255, 0.3),

      0 0 0 .5rem rgba(255, 255, 255, 0.2),

      0 0 0 1.5rem rgba(255, 255, 255, 0.1);

  }



  100% {

    box-shadow: 0 0 0 2rem rgba(255, 255, 255, 0.0),

      0 0 0 2.5rem rgba(255, 255, 255, 0.0),

      0 0 0 3rem rgba(255, 255, 255, 0.0);

  }

}





/* progress bar animation */

.progress-bar {

  position: absolute;

  height: 5px;

  border-radius: 15px;

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

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

  transition: all 0.3s ease-in-out;

}



.bar-width-one {

  width: 85%;

  animation: progress-forward-one infinite 5s ease;

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

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

  transition: all 0.3s ease-in-out;

}



.bar-width-two {

  width: 75%;

  animation: progress-forward-two infinite 5s ease;

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

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

  transition: all 0.3s ease-in-out;

}



.bar-width-three {

  width: 90%;

  animation: progress-forward-three infinite 5s ease;

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

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

  transition: all 0.3s ease-in-out;

}



@keyframes progress-forward-one {

  0% {

    width: 0%;

  }



  100% {

    width: 85%;

  }



  ;

}



@keyframes progress-forward-two {

  0% {

    width: 0%;

  }



  100% {

    width: 75%;

  }



  ;

}



@keyframes progress-forward-three {

  0% {

    width: 0%;

  }



  100% {

    width: 90%;

  }



  ;

}



/*========================= button css==================== */

.custom-btn-one {

  text-align: center;

  text-transform: uppercase;

  font-size: 15px;

  font-weight: 500;

  position: relative;

  display: inline-block;

  vertical-align: middle;

  -webkit-appearance: none;

  appearance: none;

  outline: none !important;

  -webkit-transition: all 0.5s linear;

  -o-transition: all 0.5s linear;

  transition: all 0.5s linear;

  overflow: hidden;

  z-index: 1;

}



.custom-btn-one::after {

  position: absolute;

  content: "";

  left: 0;

  right: 0;

  bottom: 0;

  top: 0;

  height: 0%;

  width: 0%;

  opacity: 0;

  z-index: -1;

  overflow: hidden;

  -webkit-transition: all 0.5s linear;

  -o-transition: all 0.5s linear;

  transition: all 0.5s linear;

}



.scroll-top {

  width: 35px;

  height: 35px;

  line-height: 35px;

  position: fixed;

  bottom: 20px;

  right: 15px;

  z-index: 99;

  text-align: center;

  color: #fff;

  font-size: 25px;

  cursor: pointer;

  border-radius: 50%;

  background: var(--prime-two);

  display: none;

  transition: all 0.3s ease-in-out;

}



.scroll-top:after {

  position: absolute;

  z-index: -1;

  content: '';

  top: 100%;

  left: 5%;

  height: 10px;

  width: 90%;

  opacity: 1;

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

}



.theme-main-menu .inner-content {

  position: relative;

}



.theme-main-menu {

  position: absolute;

  z-index: 99;

  left: 0;

  right: 0;

  top: 0;

  padding: 25px 40px;

  transition: all .4s ease-out;

  /* background-color: var(--heading-color); */

}



.theme-main-menu.sticky-menu.fixed {

  position: fixed;

  z-index: 990;

  padding-top: 10px;

  padding-bottom: 10px;

  background: #022d5d;

  top: 0;

  box-shadow: 0 13px 35px -12px rgba(35, 35, 35, 0.1);

  transition: all .4s ease-out;

}



.theme-menu-one.sticky-menu.fixed {

  top: 0px;

  padding-left: 20px;

  padding-right: 20px;

}



.navbar-nav .nav-item {

  padding-right: 20px;

}



.left-wiget {

  margin-left: 10%;

}



.search-icon,

.grid-icon {

  padding-right: 40px;

}



.theme-menu-one .right-wiget .custom-btn-one {

  border-radius: 35px;

  background: var(--prime-one);

  border: 1px solid var(--prime-one);

  color: var(--heading-color);

  line-height: 52px;

  padding: 0px 35px;

}



.theme-menu-one .right-wiget .custom-btn-one:hover {

  color: var(--prime-one);

}



.theme-menu-one .right-wiget .custom-btn-one::after {

  background-color: var(--prime-two);

  height: 100%;

}



.theme-menu-one .right-wiget .custom-btn-one:hover::after {

  width: 100%;

  opacity: 1;

}



/*=====================================header css end====================================*/

/*=============================banner 01 start==========================================*/

.banner_slider_one .item {

  overflow: hidden;

}



.banner-one {

  background-size: cover;

  visibility: visible;

  opacity: 1;

}



.slick-slide.slick-current.slick-active .banner-one {

  visibility: visible;

  overflow: hidden;

  opacity: 1;

  -webkit-transform: translateY(0) translateX(0);

  transform: translateY(0) translateX(0);



}



.banner-one .top_heading {

  opacity: 0;

  visibility: hidden;

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

  transform: translateY(-120px);

  /* -webkit-transition-delay: 1000ms;

  transition-delay: 1000ms; */

  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;

  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;

  transition: transform 2000ms ease, opacity 2000ms ease;

  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;



}



.slick-slide.slick-current.slick-active .banner-one .top_heading {

  visibility: visible;

  opacity: 1;

  -webkit-transform: translateY(0) translateX(0);

  transform: translateY(0) translateX(0);

}



.banner-one .h1 {

  opacity: 0;

  visibility: hidden;

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

  transform: translateY(-120px);

  /* -webkit-transition-delay: 1000ms;

  transition-delay: 1000ms; */

  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;

  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;

  transition: transform 2000ms ease, opacity 2000ms ease;

  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;

}



.slick-slide.slick-current.slick-active .h1 {

  visibility: visible;

  opacity: 1;

  -webkit-transform: translateY(0) translateX(0);

  transform: translateY(0) translateX(0);

}



.banner-one .custom-btn-one {

  opacity: 0;

  visibility: hidden;

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

  transform: translateX(-120px);

  /* -webkit-transition-delay: 1000ms;

  transition-delay: 1000ms; */

  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;

  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;

  transition: transform 2000ms ease, opacity 2000ms ease;

  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;

}



.slick-slide.slick-current.slick-active .banner-one .custom-btn-one {

  visibility: visible;

  opacity: 1;

  -webkit-transform: translateY(0) translateX(0);

  transform: translateY(0) translateX(0);

}



.banner-one .shape-01 {

  top: -5%;

  left: 3%;

  opacity: 0;

  visibility: hidden;

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

  transform: translateY(-120px);
/* 
  -webkit-transition-delay: 1000ms;

  transition-delay: 1000ms; */

  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;

  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;

  transition: transform 2000ms ease, opacity 2000ms ease;

  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;

}



.banner-one .shape-02 {

  bottom: 18.5%;

  right: 38%;

  opacity: 0;

  visibility: hidden;

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

  transform: translateY(-120px);

  /* -webkit-transition-delay: 1000ms;

  transition-delay: 1000ms; */

  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;

  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;

  transition: transform 2000ms ease, opacity 2000ms ease;

  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;

}



.slick-slide.slick-current.slick-active .banner-one .shape-02,

.slick-slide.slick-current.slick-active .banner-one .shape-01 {

  visibility: visible;

  opacity: 1;

  -webkit-transform: translateY(0) translateX(0);

  transform: translateY(0) translateX(0);

}



.banner-one .custom-btn-one {

  background: var(--prime-two);

  color: var(--prime-one);

  padding: 0 47px;

  line-height: 64px;

  font-size: 16px;

  border-radius: 35px;

  border: 1px solid var(--prime-two);

}



.banner-one .custom-btn-one:hover {

  color: var(--prime-three);

}



.banner-one .custom-btn-one::after {

  background: var(--prime-one);

  width: 100%;

}



.banner-one .custom-btn-one:hover::after {

  height: 100%;

  opacity: 1;

}



/*=============================banner 01 end==========================================*/

/* =======================sidebar start=================== */

.search-wrap {

  padding-bottom: 100px;

}



.search-wrap input {

  color: #FF6915;

  font-size: 55px;

  width: 100%;

  background: transparent;

  border: 0;

  text-align: center;

  height: auto;

  padding: 0;

  margin: 0 auto;

  border-bottom: 2px solid #FF6915;

  padding-bottom: 10px;

}



/* right aside */

.right-aside .offcanvas {

  background: var(--heading-color);

  color: var(--prime-one);

  padding: 0 40px;

}



.right-aside .offcanvas-header {

  padding-top: 20px;

}



.right-aside .offcanvas-header .btn-close {

  padding: 0;

  margin: 0;

  outline: none;

  border: none;

}



.right-aside .offcanvas-header button {

  opacity: 1;

  background: none !important;

  color: var(--prime-one) !important;

  position: absolute;

  right: 40px;

  top: 35px;

  outline: none;

}



.right-aside .offcanvas-header button i {

  font-size: 30px;

}



/* .right-aside .offcanvas-body .info-widget2 p {

  padding-bottom: 20px;

} */



.right-aside .offcanvas-body .info-widget2 p i {

  padding-right: 10px;



}



.offcanvas-body {

  overflow: hidden;

}

.info-widget li{

  padding-bottom: 5px;

}

.info-widget li a{

  font-family: "Outfit", serif;

}

.info-widget li a:hover{

  color: var(--prime-two);

}

/* =======================sidebar start=================== */

/*=============================about start==========================================*/

.about-one::before {

  position: absolute;

  content: "";

  right: 52.5%;

  top: -120px;

  width: 100%;

  height: 123%;

  background: var(--prime-nine);

  z-index: -1;

  max-width: 920px;

}



.about-one .custom-btn-one {

  border-radius: 35px;

  border: 2px solid var(--prime-two);

  color: var(--prime-two);

  line-height: 55px;

  padding: 0px 45px;

  font-size: 16px;

}



.about-one .custom-btn-one:hover {

  color: var(--prime-one);

}



.about-one .custom-btn-one::after {

  background: var(--prime-two);

  border: 2px solid var(--prime-two);

  height: 100%;

}



.about-one .custom-btn-one:hover::after {

  width: 100%;

  opacity: 1;

}



.about-list li {

  border-radius: 3px;

  border: 1px solid #ECECEC;

  margin-bottom: 20px;

  padding: 14px 70px;

  position: relative;

}



.about-list li::after {

  content: url('../images/icon/hex-check.svg');

  position: absolute !important;

  left: 20px !important;

}



.about-one .heading-shape .h2::before {

  content: url('../images/shape/shape-03.svg');

  position: absolute;

  bottom: -34px;

  left: 0;

  z-index: -1;

}

.info-widget h6{

  color: var(--prime-two);

}

/*=============================about end==========================================*/

/*============================work history star==========================================*/

.work-rapper-one {

  border-radius: 5px;

  background: var(--heading-color);

  color: var(--prime-one);

}



.work-one::after {

  position: absolute;

  content: url(../images/shape/shape-04.svg);

  right: -85px;

  top: -56px;

}

.work{

  padding-bottom: 15px;

  font-size: 50px;

}

/*=============================work history end==========================================*/

/*============================what we offer star==========================================*/

.our-offer-one {

  /* background: #FAF7EF; */

  position: relative;

  z-index: 1;

}



.offer-one {

  /* height: 300px; */

  width: 270px;

  padding: 30px 20px;

  position: relative;

  border-radius: 5px;

  background: #FFF;

  z-index: 1;

  overflow: hidden;

  -webkit-transform: translateY(0px);

  transform: translateY(0px);

  -webkit-transition: all 0.5s linear;

  -o-transition: all 0.5s linear;

  transition: all 0.5s linear;

  border: 1px solid #000;

}



.offer-one .offer-pic {

  height: 77px;

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

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

  transition: all 0.5s ease-in-out;

}



.offer-one::after {

  position: absolute;

  content: "";

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  z-index: 1;

  border-radius: 5px;

  background: var(--prime-two);

  opacity: 0;

  visibility: hidden;

  overflow: hidden;

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

  transform: translateY(-200px);

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

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

  transition: all 0.5s ease-in-out

}



.offer-one:hover::after {

  opacity: 1;

  z-index: -1;

  visibility: visible;

  -webkit-transform: translateY(0px);

  transform: translateY(0px);

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

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

  transition: all 0.5s ease-in-out

}



.offer-one:hover p,

.offer-one .h6 a {

  -webkit-transition: all 0.3s linear;

  -o-transition: all 0.3s linear;

  transition: all 0.3s linear;

}



.offer-one:hover p,

.offer-one:hover .h6 {

  color: var(--prime-one);

}



.offer-link {

  width: 51px;

  height: 51px;

  background: var(--prime-twelve);

  line-height: 51px;

  transform: translate(-10%);

  border-radius: 51px;

  -webkit-transition: all 0.5s linear;

  -o-transition: all 0.5s linear;

  transition: all 0.5s linear;

}



.offer-link img {

  padding: 10px;

  -webkit-transition: all 0.5s linear;

  -o-transition: all 0.5s linear;

  transition: all 0.5s linear;

}



.offer-one .offer-pic img {

  width: auto;

  max-height: 100px;

  -webkit-transition: all 0.5s linear;

  transition: all 0.5s linear;

  

}

.offer-one .offer-pic{

  line-height: 1.3;

    position: relative;

    width: 74px;

    height: 74px;

    margin: 0 auto;

    position: relative;

    z-index: 0;

}

.offer-one .offer-pic:before {

  position: absolute;

  top: 50%;

  left: 50%;

  bottom: 0;

  right: 0;

  content: '';

  background: #fdb142;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  margin-left: -20px;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  border-radius: 50%;

  z-index: -1;

  width: 40px;

  height: 40px;

}





.offer-one:hover .offer-pic img {

  transform: scale(.9);

}



.offer-one:hover .offer-link {

  transform: scale(.9);

}



.offer-rapper-one .shape_001 {

  width: 15px;

  height: 15px;

  position: absolute;

  right: -242px;

  top: 17%;

  border: 2px solid #030303;

  border-radius: 15px;

}



.offer-rapper-one .shape_002 {

  width: 15px;

  height: 15px;

  position: absolute;

  right: -242px;

  bottom: 40%;

  border: 1px solid #030303;

  border-radius: 15px;

}



.offer-rapper-one .shape_003 {

  width: 51px;

  height: 51px;

  position: absolute;

  border-radius: 50px;

  left: -193px;

  bottom: 30%;

  background: var(--prime-six);

  z-index: 9999;

}



.offer-rapper-one .heading_shape::before {

  content: url('../images/shape/shape-03.svg');

  position: absolute;

  bottom: -34px;

  left: 50%;

  transform: translateX(-50%);

  z-index: -1;

}



/*============================what we offer end==========================================*/

.choose-one-rapper .shape-05 {

  right: -85px;

  top: 25%;

}



.choose-one-rapper .shape-06 {

  left: -175px;

  bottom: 34%;

}



.left-choose h2::after {

  position: absolute;

  content: url(../images/shape/shape-03.svg);

  bottom: -34px;

  left: 0;

  z-index: 0;

}

.subscribe_one .h2{

  position: relative;

}

.subscribe_one .h2::after{

  position: absolute;

  content: url(../images/shape/shape-03.svg);

  bottom: -34px;

  left: 0;

  z-index: 0;

}

.right-choose .about-02 {

  position: relative;

  right: 0;

  bottom: 0;

  z-index: 2;

}



.right-choose .shape-07 {

  position: absolute;

  right: 0;

  bottom: 0;

  z-index: 1;

}



.progress {

  padding-bottom: 10px;

  border-radius: 0;

}



.progress_one span::before {

  content: '85%';

  position: absolute;

  right: -126%;

  top: 42%;

}



.progress_two span::before {

  content: '75%';

  position: absolute;

  right: -183%;

  top: 42%;

}



.progress_three span::before {

  content: '90%';

  position: absolute;

  right: -139%;

  top: 42%;

}



.progress-bar {

  background: #010212;

}



.choose-one .right-choose {

  width: 570px;

  margin-left: 17px;

}



.choose-one .right-choose .about-02 {

  max-width: 573px;

}



/*=============================what we offer endt==========================================*/

/*=============================case star==========================================*/

.case_study_rapper .h2::after {

  content: url(../images/shape/shape-03.svg);

  position: absolute;

  bottom: -30px;

  left: 54%;

  z-index: -1;

}



.case_study_two .case_study_rapper .shape_003 {

  width: 90px;

  height: 90px;

  position: absolute;

  border-radius: 50px;

  right: -170px;

  bottom: -5%;

  background: var(--prime-six);

  z-index: 9999;

}



.case-one {

  overflow: hidden;

}



.case-one::after {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  right: 0;

  width: 100%;

  height: 100%;

  background: #000;

  z-index: 1;

  opacity: 0;

  visibility: hidden;

  overflow: hidden;

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

  transform: translateY(-500px);

  transition: all 0.5s ease-in-out;

}



.case-one:hover::after {

  background: rgba(0, 0, 0, 0.5);

  opacity: 1;

  visibility: visible;

  -webkit-transform: translateY(0px);

  transform: translateY(0px);

}



.hover-box {

  opacity: 0;

  bottom: 10%;

  left: 10%;

  width: 249px;

  padding: 18px 15px;

  z-index: 2;

  opacity: 0;

  -webkit-transform: translateY(50px);

  transform: translateY(50px);

  transition: all 0.3s ease-in-out;

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

  visibility: hidden;

  overflow: hidden;

}



.hover-box .h6 a {

  color: var(--heading-color);

}



.case-one:hover .hover-box {

  transform: translateY(0px);

  opacity: 1;

  background: #ffffff;

  display: block;

  visibility: visible;

}



/*=============================case end==========================================*/



/*=============================our video star==========================================*/

.our-video {

  position: relative;

  background: url(../images/bg/bg-02.jpg) center center no-repeat;

  background-size: cover;

}



.our-video .play-button {

  position: relative;

  border: 3px solid #ffffff;

  width: 118px;

  height: 118px;

  line-height: 118px;

  border-radius: 118px;

  color: #FF7222;

  font-size: 55px;

  -webkit-animation: ripple 3s infinite;

  animation: ripple 3s infinite;

  transition: all 0.3s ease-in-out;

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

}



.our-video .play-button::before,

.our-video .play-button::after {

  content: "";

  position: absolute;

  top: 50%;

  left: 50%;

  width: 118px;

  height: 118px;
/* 
  animation-delay: 0.9s; */

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

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

  -ms-box-shadow: 0 0 0 0 rgba(var(--prime-one), 0.6);

  -o-box-shadow: 0 0 0 0 rgba(var(--prime-one), 0.6);

  -webkit-box-shadow: 0 0 0 0 rgba(var(--prime-one), 0.6);

  box-shadow: 0 0 0 0 rgba(var(--prime-one), 0.6);

  -webkit-animation: ripple 3s infinite;

  animation: ripple 3s infinite;

  border-radius: 50%;

  transition: all 0.3s ease-in-out;

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

}



/*=============================our video end==========================================*/



/*=============================home_one_testimonial star==========================================*/

.home_one_testimonial .left-content .shape-08 {

  left: -25px;

  top: -25px;

}



.home_one_testimonial .left-content .shape-09 {

  bottom: 11px;

  right: 50px;

}



.home_one_testimonial .left-content .shape_003 {

  width: 90px;

  height: 90px;

  position: absolute;

  border-radius: 90px;

  right: 30px;

  top: -20px;

  background: var(--prime-six);

  z-index: -1;

}



.home_one_testimonial .left-content .shape_004 {

  width: 90px;

  height: 90px;

  position: absolute;

  border-radius: 90px;

  left: -20px;

  bottom: -20px;

  background: #FFE9DE;

  z-index: -1;

}



#testimonial_slider_one .right-content .title {

  color: #000;

  font-family: Kumbh Sans;

  font-size: 24px;

  font-style: normal;

  font-weight: 600;

  line-height: 43px;/

}



#testimonial_slider_one .right-content p {

  color: #000;

  font-family: Kumbh Sans;

  font-size: 24px;

  font-style: normal;

  font-weight: 400;

  line-height: 43px;

}



.slick-dots li {

  display: inline-block;

  width: 10px;

  height: 10px;

  border-radius: 10px;

  background: #EBEBEB;

  margin: 0px 9px;

  transition: 0.3s ease-in-out;

  transform: scale(1, 1);

  position: relative;

  left: 8%;

  bottom: -60px;

}



.slick-slider .item {

  overflow: hidden;

  background: none;

}



.slick-previous.slick-arrow:hover,

.slick-arrow:hover,

.slick-dots li:hover {

  background: #FF7222;

  transform: scale(1.5, 1.5);

}



.slick-dots li.slick-active {

  background: #FF7222;

  border: none;

}



.slick-dots li button {

  display: none;

}



.slick-arrow {

  text-align: center;

  position: absolute;

  left: 120px;

  width: 33px;

  height: 33px;

  line-height: 36px;

  background: #413F3D;

  bottom: -58px;

  color: #ffffff;

  border-radius: 33px;

  transition: 0.3s ease-in-out;

  transform: scale(1, 1);

}



.slick-previous.slick-arrow {

  position: absolute;

  left: 0;

  bottom: -58px;

  line-height: 36px;

  text-align: center;

  color: #ffffff;

  border-radius: 33px;

  transition: 0.3s ease-in-out;

  transform: scale(1, 1);

}



.home_one_testimonial .slider-rapper .h2::after {

  content: url(../images/shape/shape-03.svg);

  position: absolute;

  left: 13%;

  bottom: 20%;

  z-index: -1;

}



/* =================partner slider */

.partner-one .partner-slider img {

  width: 162px;

  height: 48px;

  margin-right: 30px;

}



/*=============================home_one_testimonial end==========================================*/

/*=============================blog section start==========================================*/

.blog-one {

  background: #FFF8F3;

  z-index: 1;

}



.blog-one-rapper .heading::after {

  content: url(../images/shape/shape-03.svg);

  position: absolute;

  right: 18%;

  bottom: 30%;

  z-index: -1;

}



.blog-one-rapper .shape-10 {

  left: -174px;

  top: 180px;

}



.blog-one-rapper .shape-11 {

  right: -172px;

  top: 180px;

}



.blog-one-rapper .shape_003 {

  width: 51px;

  height: 51px;

  position: absolute;

  border-radius: 50px;

  right: -150px;

  bottom: 20%;

  background: var(--prime-six);

}



.blog-one-content .card {

  z-index: 1;

  border: none;

  overflow: hidden;

  transition: all 0.3s ease-in-out;

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

}



.blog-one-content .card img {

  overflow: hidden;

  transform: scale(1) translateY(0px);

  transition: all 0.3s ease-in-out;

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

}



.blog-one-content .card:hover>img {

  transform: scale(1.2) translateY(-30px);

  overflow: hidden;

  transition: all 0.3s ease-in-out;

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

}



.blog-one-content .card .card-body {

  overflow: hidden;

  height: 276px;

  padding: 0 30px;

}



.blog-one-content .card .card-body h6 {

  font-size: 22px;

}



.blog-one-content .card .card-body h6 a {

  color: #000;

  transition: all 0.3s ease-in-out;

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

  font-weight: 700;

}



.blog-one-content .card .card-body h6 a:hover {

  color: var(--prime-two);

}



.blog-one .card-body p {

  opacity: 0.8;

  font-weight: 400;

  line-height: 32px;

}



/*=============================blog section end==========================================*/



/*=============================subscribe section start==========================================*/

.subscribe_one {

  overflow: hidden;

}



.subscrpe-rapper .shape-05 {

  right: -222px;

  top: -4px;

}



.subscrpe-rapper .shape-06 {

  left: -210px;

  top: 37px;

}



.left-content .subscribe input {

  position: relative;

  width: 100%;

  height: 68px;

  border-radius: 5px;

  border: 1px solid #E7E7E7;

  background: rgba(246, 239, 239, 0.00);

  padding-left: 70px;

}

.left-content .subscribe input::placeholder{

  color: #fff;

}

.left-content .subscribe .email-01 {

  left: 23px;

  top: 26px;

}



.left-content .subscribe .subscribe-button {

  position: absolute;

  width: 180px;

  height: 68px;

  border-radius: 5px;

  background: #FFD1B0;

  color: #010212;

  text-align: center;

  font-family: Kumbh Sans;

  font-size: 17px;

  font-style: normal;

  font-weight: 500;

  line-height: 68px;

  text-transform: uppercase;

  right: 0;

  transition: all 0.3s ease-in-out;

}



.left-content .subscribe .subscribe-button:hover {

  background: var(--prime-two);

  color: var(--prime-one);

}



.left-content .user-one {

  width: 213px;

  height: auto;

  border-radius: 6px;

  background: #FFFCDF;

  text-align: center;

  padding: 30px;

}



.left-content .user-one span {

  color: #010212;

  text-align: center;

  font-family: Kumbh Sans;

  font-size: 48px;

  font-style: normal;

  font-weight: 700;

  line-height: 42px;

}



.subscribe_one .right-content {

  border-radius: 5px;

  background: #F5EFEA;

}



.right-content .Popular {

  color: #010212;

  font-size: 28px;

  font-style: normal;

  font-weight: 700;

  line-height: 36px;

}



.accordion-button .active {

  background: #FF6915;

  color: #ffffff;

}



.accordion-button:not(.collapsed) {

  border-radius: 5px;

  background: #FF6915;

  color: #ffffff;

  transition: all 0.3s ease-in-out;

  padding: 5px 18px;

  font-family: Kumbh Sans;

  font-size: 18px;

  font-style: normal;

  font-weight: 500;

  line-height: 36px;

}



.accordion-button:focus {

  border: none;

  outline: none;

  box-shadow: none;

}



.accordion-button.collapsed {

  border-radius: 5px;

  color: #010212;

  background: #F5F5F5;

  transition: all 0.3s ease-in-out;

  padding: 5px 18px;

  font-family: Kumbh Sans;

  font-size: 18px;

  font-style: normal;

  font-weight: 500;

  line-height: 36px;

}



.accordion-button::after {

  position: absolute;

  background: none;

  content: '+';

  height: auto;

  font-size: 36px;

  transition: all 0.3s ease-in-out;

  line-height: auto;

  right: 5%;

  top: 0px;

}



.accordion-button:not(.collapsed)::after {

  position: absolute;

  right: 5%;

  top: 9px;

  background: none;

  content: '-';

  height: auto;

  font-size: 36px;

  transition: all 0.3s ease-in-out;

  line-height: auto;

}



.accordion-item {

  background: #FDF4EE;

  border: none;

  transition: all 0.3s ease-in-out;

  border-radius: 5px;

}



.accordion-body {

  padding: 30px 7px 20px 18px;

}



.accordion-body p {

  color: #010212;

  font-family: Kumbh Sans;

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: 32px;

}



/*=============================subscribe section end==========================================*/



/*=============================footer  star==========================================*/

.footer {

  color: #ffffff;

  background: #022d5d;

}

.footer h2{

  position: relative;

}

.footer .h2::after {

  position: absolute;

  content: url(../images/shape/shape-03.svg);

  bottom: -34px;

  left: 0;

  z-index: 0;

}

.footer_logo img{

  max-width: 200px;

}

.md-title{

  color: #f5b453;

}

.footer h6{

  color: #f5b453;

}

.md-para{

  font-size: 10px;

  width: 110ch;



}

.footer_item2 ul li,

.footer_item3 ul li {

  padding-top: 10px;

}



.footer_item2 ul li a,

.footer_item3 ul li a {

  color: var(--prime-one);

  -webkit-transition: all 0.3s linear;

  -o-transition: all 0.3s linear;

  transition: all 0.3s linear;

}



.footer_item2 ul li a:hover,

.footer_item3 ul li a:hover {

  color: var(--prime-two);

}

.email-link:hover {

  color: var(--prime-two);

}

.footer_item4 ul li {

  display: inline-block;

  padding-right: 20px;

}



.footer_item4 ul li a {

  text-align: center;

  display: block;

  width: 41px;

  height: 41px;

  color: var(--prime-one);

  background: #141414;

  line-height: 45px;

  border-radius: 41px;

  -webkit-transition: all 0.3s linear;

  -o-transition: all 0.3s linear;

  transition: all 0.3s linear;

}



.footer_item4 ul li a:hover {

  color: var(--prime-two);

  background: var(--prime-one);

}



.footer_item4 .footer-shape {

  width: 172px;

  height: 1px;

  background: #252424;

}



.footer_item4 .email-link {

  color: var(--prime-one);

}



.footer_item4 .email-link:hover {

  color: var(--prime-two);

}



.footer_wapper .term-policy {

  color: #FFF;

  font-family: Kumbh Sans;

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: 124.5%;

  margin-right: 20px;

  transition: all 0.3s ease-in-out;

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

}



.footer_wapper .term-policy:hover {

  color: var(--prime-two);

}



/*=============================footer  end==========================================*/







/*===================================    Home page 2  >>>>>>>>>> ==============================================================================================*/

/*=============================header two start==========================================*/

.theme-menu-two {

  background: #ffffff;

  padding: 27px 40px;

}



.theme-menu-two .navbar .navbar-nav .dropdown-toggle::after,

.theme-menu-two .navbar .navbar-nav .nav-link {

  color: #000;

}



.theme-menu-two.sticky-menu.fixed {

  background: #ffffff;

}



.theme-menu-two .right-wiget .custom-btn-one {

  position: relative;

  background: var(--prime-two);

  color: white;

  padding: 0px 36px;

  cursor: pointer;

  z-index: 1;

  transition: transform 0.5s ease;

  line-height: 52px;

}



.theme-menu-two .right-wiget .custom-btn-one:hover {

  color: #ffffff;

}



.theme-menu-two .right-wiget .custom-btn-one::after {

  height: 100%;

  background: var(--text-color);

  -webkit-transition: all 0.5s linear;

  -o-transition: all 0.5s linear;

  transition: all 0.5s linear;

}



.theme-menu-two .right-wiget .custom-btn-one:hover::after {

  opacity: 1;

  width: 100%;



}



/*=============================header two end==========================================*/

/*=============================banner two start==========================================*/

.banner-two {

  background: #F7E5D7;

}



.banner-rapper-two .left-banner::before {

  content: url(../images/shape/shape-21.svg);

  position: absolute;

  left: -41%;

  top: -14%;

  filter: blur(60px);

  -webkit-filter: blur(60px);

}



.banner-rapper-two .right-banner::before {

  content: url(../images/shape/shape-21.svg);

  position: absolute;

  right: -38%;

  bottom: -6%;

  filter: blur(140px);

  -webkit-filter: blur(140px);

}



.banner-rapper-two .banner-shape-01 {

  left: -84px;

  top: -97px;

  z-index: 1;

}



.banner-rapper-two .banner-shape-02 {

  right: -325px;

  bottom: 197px;

  z-index: 1;

}



.banner-rapper-two span.color-one {

  /* font-family: Domine; */

  font-size: 20px;

  font-style: normal;

  font-weight: 700;

  line-height: 30px;

}



.banner-rapper-two .left-banner span.color-one::after {

  content: url('../images/shape/shape-01.svg');

  position: absolute;

  left: 16%;

  top: -4%;

}



.banner-rapper-two .left-banner .h1::after {

  content: url('../images/shape/shape-16.png');

  position: absolute;

  left: 50%;

  bottom: -12%;

}



.banner-rapper-two .left-banner .custom-btn-one {

  background: #ffffff;

  color: #010212;

  border-radius: 35px;

  padding: 0 47px;

  line-height: 64px;

  font-size: 16px;

}



.banner-rapper-two .left-banner .custom-btn-one:hover {

  color: var(--prime-one);

}



.banner-rapper-two .left-banner .custom-btn-one::after {

  background: var(--prime-two);

  height: 100%;

  opacity: 1;

}



.banner-rapper-two .left-banner .custom-btn-one:hover::after {

  width: 100%;

}



.banner-rapper-two .left-banner .shape-13 {

  right: 3%;

  bottom: 22%;

}



.banner-rapper-two .right-banner {

  width: 840px;

}



.banner-rapper-two .right-banner .banner-01 {

  max-width: 840px;

}



.banner-rapper-two .right-banner .shape-14 {

  bottom: -1%;

  left: -3%;

}



.banner-rapper-two .left-banner .left-bottom-banner .color-p {

  color: #FF7222;

  font-family: Kumbh Sans;

  font-size: 15px;

  font-style: normal;

  font-weight: 400;

  line-height: 20px;

  text-transform: uppercase;

}



.banner-rapper-two .left-banner .left-bottom-banner .normal-p {

  color: #000;

  font-family: Kumbh Sans;

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 20px;

}



.banner_two_slider {

  overflow: hidden;

}



.banner_two_slider .banner-01 {

  overflow: hidden;

}



/*=============================banner two end==========================================*/



/*=============================choose-two start==========================================*/

.choose-two .right-choose {

  width: 734px;

}



.choose-two .right-choose .about-02 {

  max-width: 734px;

  position: relative;

  z-index: -1;

}



.choose-two .right-choose .svg-one {

  position: absolute;

  top: 0;

  left: 0;

}



.choose-two .right-choose .svg-two {

  position: absolute;

  top: 50%;

  left: 170px;

}



.choose-two .shape-05 {

  right: -2%;

  top: 10%;

}



.choose-two .right-choose .shapes-02 {

  width: 17px;

  height: 197px;

  background: #F6C410;

  transform: rotate(90deg);

  bottom: -91px;

  left: 160px;

}



/*=============================choose-two end==========================================*/

/*=============================our offer two start==========================================*/

.our-offer-three .offer-one .offer-link img {

  transform: rotate(-45deg);

  height: auto;

}



.our-offer-three .offer-one {

  border: 1px solid #000;

  /* padding: 62px 43px;

  width: 370px; */

  /* height: 386px; */

}



/*=============================our offer two end==========================================*/



/*=============================partner two star==========================================*/

.partner-two {

  background: #FAF7EF;

}



/*=============================partner two  end==========================================*/



/*=============================about-two start==========================================*/

.about-two {

  background: #F4F4F4;

  z-index: -1;

}



.about-two .left-about {

  width: 688px;

}

.left-about img{

  border: 10px solid #fff;

}

.about-two .left-about .about-05 {

  position: relative;

  display: block;

  max-width: 470px;

  margin-left: 55px;

}



.about-two .left-about .about-04 {

  right: 30%;

  bottom: 5%;

}



.about-two .about-list li {

  width: 218px;

  height: 165px;

  border-radius: 3px;

  background: #FFF;

  padding: 25px 25px;

  padding-top: 70px;

  margin-right: 30px;

}



.about-two .about-list li::after {

  top: 25px;

  margin-bottom: 10px;

}



.about-two .shapes-02 {

  width: 17px;

  height: 370px;

  background: #F6C410;

  transform: rotate(0deg);

  bottom: 100%;

  right: 29%;

}



.about-two .para-text p {

  color: #010212;

  font-family: Kumbh Sans;

  font-size: 20px;

  font-style: normal;

  font-weight: 500;

  line-height: 34px;

  /* 170% */

}



.about-two .heading-shape .h2::before {

  content: url('../images/shape/shape-03.svg');

  position: absolute;

  bottom: -19%;

  left: 5%;

  z-index: -1;

}



/* ========================end about two============== */

.case_study_rapper .grid {

  display: flex;

  margin: auto;

  grid-gap: 30px;

}



.case_study_two .grid .grid-item {

  max-width: 33.33%;

}



.case_study_two .grid .grid-item img {

  vertical-align: middle;

  margin-top: 20px;

}



.case_study_two .grid .grid-item .item-one {

  position: relative;

  margin-bottom: 10px;

}



.case_study_two .grid .grid-item .item-one .hover-box {

  padding: 30px;

  width: 314px;

  height: 178px;

  border-radius: 5px;

  background: radial-gradient(#FF6D1B, transparent);

  bottom: 10%;

  left: 8%;

  -webkit-transform: translateY(50px);

  transform: translateY(50px);

  -webkit-transition: opacity 1000ms ease, -webkit-transform 1000ms ease;

  transition: opacity 1000ms ease, -webkit-transform 1000ms ease;

}



.case_study_two .grid .grid-item .item-one .hover-box h6 a,

.case_study_two .grid .grid-item .item-one .hover-box span {

  color: var(--prime-one);

}



.case_study_two .grid .grid-item .item-one:hover .hover-box {

  visibility: visible;

  opacity: 1;

  -webkit-transform: translateY(0px);

  transform: translateY(0px);

}



/*=============================about-two end==========================================*/



/*=============================testimonial-two  start==========================================*/

.testimonial-two {

  position: relative;

}



.testimonial-two .shape-08 {

  left: -250px;

  top: -100px;

}



.testimonial-two .h2::after {

  content: url(../images/shape/shape-03.svg);

  position: absolute;

  bottom: -34px;

  left: 0%;

  z-index: -1;

}



.testimonial-two .right-content .opacity {

  line-height: 48px;

}



/* =============================slider ============================================= */

#testimonial-slider-two .slick-previous.slick-arrow {

  width: 33px;

  height: 33px;

  position: absolute;

  border-radius: 50px;

  left: -105%;

  bottom: 30%;

  background: #413F3D;

  line-height: 35px;

}



#testimonial-slider-two .slick-arrow {

  text-align: center;

  position: absolute;

  left: -80%;

  top: 70%;

  width: 33px;

  height: 33px;

  line-height: 36px;

  background: #413F3D;

  bottom: -58px;

  color: #ffffff;

  border-radius: 33px;

  transition: 0.3s ease-in-out;

  transform: scale(1, 1);

}



#testimonial-slider-two .slick-arrow:hover,

#testimonial-slider-two .slick-previous.slick-arrow:hover,

#testimonial-slider-two .slick-dots li:hover {

  background: #FF7222;

  transform: scale(1.5, 1.5);

}



#testimonial-slider-two .slick-dots li.slick-active {

  background: #FF7222;

  border: none;

}



#testimonial-slider-two .slick-dots li {

  display: inline-block;

  width: 10px;

  height: 10px;

  border-radius: 10px;

  background: #EBEBEB;

  margin: 0px 9px;

  transition: 0.3s ease-in-out;

  transform: scale(1, 1);

  position: relative;

  left: -95%;

  bottom: 92px;

}



/* =============================slider ============================================= */



/*=============================testimonial-two end==========================================*/



/*=============================our-team start==========================================*/

.our-team {

  background: #FFF8F3;

  position: relative;

  z-index: 1;

}



.our-team .shape-10 {

  left: -174px;

}



.our-team .shape-11 {

  right: -174px;

}



.our-team .shape_003 {

  width: 51px;

  height: 51px;

  position: absolute;

  border-radius: 50px;

  right: -174px;

  bottom: 30%;

  background: var(--prime-six);

}



.our-team-one .h2::after {

  content: url(../images/shape/shape-03.svg);

  position: absolute;

  bottom: 46px;

  left: 43%;

  z-index: 1;

}



.our-team-content .card {

  border: none;

  background: none;

}



.our-team-content .card .team-body {

  opacity: 0;

  text-align: center;

  margin: auto;

  width: 100%;

  position: absolute;

  bottom: 0;

  box-shadow: none;

  padding-bottom: 29px;

  visibility: hidden;

  overflow: hidden;

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

  transform: translateY(-50px);

  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;

  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;

}



.our-team-content .card:hover .team-body {

  opacity: 1;

  visibility: visible;

  -webkit-transform: translateY(0px);

  transform: translateY(0px);

}



.our-team-content .card .team-body.team-one {

  background: linear-gradient(0deg, #B88B71 28.13%, rgba(255, 255, 255, 0.00) 82.81%) no-repeat;

  -webkit-transition: all 0.5s linear;

  -o-transition: all 0.5s linear;

  transition: all 0.5s linear;

}



.our-team-content .card .team-body.team-two {

  background: linear-gradient(0deg, #FF7222 28.13%, rgba(255, 255, 255, 0.00) 82.81%);

  -webkit-transition: all 0.5s linear;

  -o-transition: all 0.5s linear;

  transition: all 0.5s linear;

}



.our-team-content .card .team-body.team-three {

  background: linear-gradient(0deg, #B88B71 28.13%, rgba(255, 255, 255, 0.00) 82.81%) no-repeat;

  -webkit-transition: all 0.5s linear;

  -o-transition: all 0.5s linear;

  transition: all 0.5s linear;

}



.our-team-content .card .team-body ul {

  width: 210px;

  height: 56px;

  background: #000;

  line-height: 50px;

  text-align: center;

  border-radius: 31px;

  margin: auto;

  transition: all 0.3s ease-in-out;

}



.our-team-content .card .team-body ul li {

  display: inline-block;

  width: 40px;

  height: 40px;

  border: 3px solid #ffffff;

  border-radius: 40px;

  line-height: 31px;

  text-align: center;

  margin: 3px;

  transition: all 0.3s ease-in-out;

}



.our-team-content .card .team-body ul li:hover {

  background: #FF7222;

}



.our-team-content .card .team-body h6 {

  font-size: 24px;

  font-style: normal;

  font-weight: 700;

  color: #ffffff;

  text-align: center;

}



.our-team-content .card .team-body p {

  color: #ffffff;

  text-align: center;

  font-family: Kumbh Sans;

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

}



.our-team-content .bottom-team .custom-btn-one {

  border-radius: 35px;

  font-size: 16px;

  color: var(--prime-one);

  background: #FF7222;

  line-height: 55px;

  padding: 0 38px;

}



.our-team-content .bottom-team .custom-btn-one::after {

  background: var(--text-color);

  height: 100%;

  opacity: 1;

}



.our-team-content .bottom-team .custom-btn-one:hover::after {

  width: 100%;

}



/*=============================our-team   end==========================================*/

.blog-two .card {

  border: none;

  box-shadow: 0px 4px 30px 0px #E3E3E2;

  min-height: 442px;

  padding: 38px 13px 52px 30px;

}



.blog-two .card .card-body {

  height: auto;

  padding: 0;

}



.blog-two .blog-first ul {

  display: inline;

}



.blog-two .blog-first ul li {

  display: inline-block;

  padding-right: 38px;

}



.blog-two .blog-first ul li a {

  color: var(--heading-color);

  -webkit-transition: all 0.5s linear;

  -o-transition: all 0.5s linear;

  transition: all 0.5s linear;

}



.blog-two .blog-first ul li span {

  margin-left: 10px;

}



.blog-two .blog-first ul li a:hover {

  color: var(--prime-two);

}



/*=============================about page start==========================================*/

.banner-about .h2 {

  color: var(--prime-one);

  font-weight: 700;

}



.banner-about .h2::after {

  content: url(../images/shape/shape-16.png);

  position: absolute;

  bottom: -51px;

  left: 40%;

}



.banner-about p a {

  color: var(--prime-one);

  font-size: 18px;

  font-weight: 400;

  line-height: 30px;

  position: relative;

  transition: all 0.3s ease-in-out;

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

}



.banner-about p a:hover {

  color: var(--prime-two);

}



.about-three .text-rapper {

  width: 65%;

  margin: auto;

}



.about-three h2 {

  color: #010212;

  font-size: 64px;

  font-weight: 700;

  line-height: 72px;

}



.about-three p {

  color: #010212;

  font-size: 24px;

  font-weight: 400;

  line-height: 42px;

}



.work-history-two {

  top: 60px;

  position: relative;

}

.pricing-plan, .choose-one{

  background-color: #FAF7EF;

}

.about-four {

  top: -60px;

}



/*=============================about page  end==========================================*/



/*=============================section 01 start==========================================*/

.contact-form {

  background: var(--prime-eight);

}



.my-form {

  background: var(--prime-one);

  border-radius: 5px;

  padding: 60px 80px;

  top: 60px;

}



.contact-form .my-form .input-one {

  position: relative;

  margin-top: 20px;

  display: block;

  width: 100%;

  height: 50px;

  font-size: 15px;

  line-height: 1;

}



.contact-form .my-form .input-two {

  position: relative;

  margin-top: 20px;

  display: block;

  width: 100%;

  height: 100px;

  font-size: 15px;

  line-height: 1;

}



.contact-form .my-form .input-one-text,

.contact-form .my-form .input-two-text {

  position: absolute;

  display: block;

  width: 97%;

  height: 100%;

  top: 0;

  left: 0;

  pointer-events: none;

}



.contact-form .my-form .input-one-text::before {

  content: "";

  display: block;

  position: absolute;

  bottom: -1px;

  left: 0;

  width: 100%;

  height: 1px;

  -webkit-transition: all .4s;

  -o-transition: all .4s;

  -moz-transition: all .4s;

  transition: all .4s;

  background: #000;

}



.contact-form .my-form .input-one-text::after {

  content: attr(data-placeholder);

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  color: #000;

  opacity: 0.7;

  font-family: Kumbh Sans;

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 1.2;

  -webkit-transition: all .4s;

  -o-transition: all .4s;

  -moz-transition: all .4s;

  transition: all .4s;

}



.contact-form .my-form .input-two-text::before {

  content: "";

  display: block;

  position: absolute;

  bottom: -1px;

  left: 0;

  width: 100%;

  height: 1px;

  -webkit-transition: all .4s;

  -o-transition: all .4s;

  -moz-transition: all .4s;

  transition: all .4s;

  background: #000;

}



.contact-form .my-form .input-two-text::after {

  content: attr(data-placeholder);

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  color: #000;

  opacity: 0.7;

  font-family: Kumbh Sans;

  font-size: 16px;

  font-style: normal;

  font-weight: 400;

  line-height: 1.2;

  -webkit-transition: all .4s;

  -o-transition: all .4s;

  -moz-transition: all .4s;

  transition: all .4s;

}



.my-form .custom-btn-one {

  text-transform: inherit;

  border-radius: 5px;

  background: var(--prime-two);

  color: var(--prime-one);

  font-size: 16px;

  font-weight: 500;

  padding: 11px 44px;

  line-height: 2;

  transition: all 0.3s ease-in-out;

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

}



.my-form .custom-btn-one:hover {

  background: var(--text-color);

}



.my-contact {

  border-radius: 5px;

  background: linear-gradient(180deg, #E6FCFE 0%, rgba(230, 252, 254, 0.00) 100%);

}



.my-contact .left-content .h5 {

  padding-right: 91px;



}



.my-contact .left-content p {

  color: #141414;

  font-family: Kumbh Sans;

  font-size: 24px;

  font-style: normal;

  font-weight: 400;

  /* line-height: 66px; */



}



.my-contact .left-content .custom-btn-one {

  text-transform: capitalize;

  border-radius: 5px;

  background: #010212;

  color: var(--prime-one);

  font-size: 18px;

  font-weight: 500;

  padding: 12px 27px;

  line-height: 2;

  transition: all 0.3s ease-in-out;

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

}



.my-contact .left-content .custom-btn-one i {

  margin-left: 17px;

}



.my-contact .left-content .custom-btn-one:hover {

  background: var(--prime-two);

}



.my-contact .right-content {

  background: var(--prime-one);

  max-width: 410px;

  padding: 47px 54px;

  margin-left: auto;

}



.my-contact .right-content h6 {

  font-size: 32px;

  font-weight: 400;

  line-height: 53px;

}



.my-contact .right-content p {

  font-size: 18px;

  font-weight: 400;

  line-height: 32px

}



.my-contact .right-content p i {

  font-size: 25px;

  margin-right: 10px;

}



/*=============================partner two  end==========================================*/



/*=============================faq start==========================================*/

.faq {

  border-radius: 5px;

  background: linear-gradient(180deg, #E6FCFE 0%, rgba(230, 252, 254, 0.00) 100%);

}



.faq .faq-rapper {

  border-radius: 5px;

  padding: 80px 44px;

  background: #FFF;

  box-shadow: 0px 25px 25px 15px rgba(212, 207, 207, 0.25);

}



.faq .h5 {

  color: #010212;

  font-size: 48px;

  font-weight: 700;

  line-height: 53px;

}



.faq .prag {

  color: #000;

  font-size: 24px;

  font-weight: 400;

  line-height: 40px;

}



.my-contact-two {

  background: none;

}



.my-contact-two .right-content {

  background: none;

  padding: 0;

  max-width: 100%;

}



.my-contact-two .left-content .h5 {

  padding: 0;

  margin: 0;

}



/*=============================faq  end==========================================*/



/*=============================page-error start==========================================*/

.page-error {

  background: var(--heading-color);

  display: flex;

  align-items: center;

  height: 100vh;

}



.page-error p a,

.page-error span {

  color: #fff;

  font-size: 36px;

  font-weight: 700;

  line-height: 51px;

}



.page-error img {

  max-width: 450px;

  margin: 0 auto;

  display: block;

}



.page-error .search-form {

  background: var(--prime-one);

  margin: auto;

  max-width: 675px;

  height: 78px;

}



.page-error .search-form input {

  padding-left: 30px;

  font-weight: 400;

  line-height: 51px;

  opacity: 0.7;

  background: none;

  width: 95%;

}



.page-error .search-form a img {

  padding-right: 30px;

}



.page-error .custom-btn-one {

  padding: 9px 66px;

  text-transform: capitalize;

  border-radius: 5px;

  background: var(--prime-two);

  color: var(--prime-one);

  font-size: 18px;

  font-weight: 500;

  line-height: 51px;

  transition: all 0.3s ease-in-out;

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

}



.page-error .custom-btn-one:hover {

  background: var(--text-color);

}



/*=============================page-error  end==========================================*/



/*=============================service details start==========================================*/

.banner-rapper-three .right-banner::before,

.banner-rapper-three .left-banner::before {

  display: none;

}



.service-all {

  background: #F2FAFB;

}



.service-all .left-banner .h3 {

  font-weight: 700;

}



.service-all .left-banner .tech-partner,

.service-all .left-banner .para-one {

  font-size: 24px;

  font-weight: 400;

  line-height: 40px;

}



.service-all .left-banner .para-two {

  font-size: 20px;

  font-weight: 400;

  line-height: 34px;

}



.service-all .left-bottom-banner a img {

  margin-right: 25px;

}



.right-banner .our-video .watch-video {

  border: none;

  line-height: 0;

  position: absolute;

  bottom: -7px;

  left: -30px;

}



.service-all .right-banner .shape-01 {

  top: 5%;

  left: 15%;

  width: 42px;

  height: 38px;

  border-radius: 3px;

  background: #FF7222;

}



.service-all .right-banner .shape-02 {

  top: 12%;

  left: 25%;

  width: 70px;

  height: 64px;

  border-radius: 3px;

  background: #FFF;

}



.service-all .right-banner .shape-03 {

  right: 0;

  bottom: 0;

  width: 17px;

  height: 157px;

  background: #FBCA1D;

}



/* ========================design-service */

.design-service {

  background: #FFF8F1;

  z-index: 1;

}



.design-service .left-service .include {

  color: #010212;

  font-size: 24px;

  font-weight: 700;

  line-height: 120px;

}



.design-service .right-service .about-09 {

  position: relative;

}



.design-service .right-service .about-10 {

  position: absolute;

  left: 22%;

  bottom: -30%;

}



.design-service .left-service .design-01 {

  position: relative;

}



.design-service .left-service .design-01 .icon {

  position: relative;

  z-index: 2;

}



.design-service .left-service .design-01 .icon img {

  width: auto;

  height: auto;

}



.design-service .left-service .design-01 .icon::before {

  position: absolute;

  left: 73px;

  top: 5px;

  content: '';

  width: 30px;

  height: 30px;

  border-radius: 30px;

  background: var(--prime-six);

  z-index: -1;

}



.design-service-two {

  background: none;

}



.design-service-two .custom-btn-one {

  text-transform: inherit;

  border-radius: 35px;

  background: var(--prime-two);

  color: var(--prime-one);

  font-size: 18px;

  font-style: normal;

  font-weight: 500;

  line-height: 2;

  padding: 12px 38px;

  transition: all 0.3s ease-in-out;

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

}



.design-service-two .custom-btn-one:hover {

  background: var(--text-color);

}



/*=============================service details  end==========================================*/



/*=============================case_study_two start==========================================*/

#isotop-gallery-wrapper {

  margin: -15px;

}



#isotop-gallery-wrapper .grid-sizer {

  width: 33.333%;

  padding: 15px 0;

}



#isotop-gallery-wrapper .isotop-item {

  width: 33.333%;

}



#isotop-gallery-wrapper .isotop-item .item-one {

  margin-bottom: 30px;

}



.item-one .hover-box {

  width: 267px;

  padding: 30px 20px;

  bottom: 15%;

  left: 15%;

  background: #FF6D1B;

  background: radial-gradient(#FF6D1B, transparent);

}



.item-one .hover-box .span-two,

.item-one .hover-box .h6 a {

  color: var(--prime-one);

}



.item-one:hover .hover-box {

  color: var(--prime-one);

  opacity: 1;

  visibility: visible;

  -webkit-transform: translateY(0px);

  transform: translateY(0px);

}



.case_study_two ul {

  display: inline-block;

}



.case_study_two ul li {

  display: inline-block;

  /* font-family: 'Domine', serif; */

  font-size: 20px;

  font-style: normal;

  font-weight: 400;

  line-height: 34px;

  color: #000;

  border: none;

  outline: none;

  cursor: pointer;

  padding: 0 30px 0 0;

  transition: all 0.3s ease-in-out;

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

}



.case_study_two ul li:hover {

  color: var(--prime-two);

}



.case_study_two ul li.is-checked {

  color: var(--prime-two);

}



/*=============================case_study_two  end==========================================*/



/*=============================case-details  end==========================================*/

.case-details-banner .case-banner-rapper {

  width: 94%;

  margin: 0 auto;

}



.case-details-banner .case-banner-rapper p {

  margin: 0 auto;

  width: 78%;

}



.case-details {

  background: none;

}



.case-details .left-service .role {

  color: #000;

  font-size: 24px;

  font-weight: 700;

  line-height: 40px;

}



.case-details .left-service .design-01 {

  margin-right: 0;

}



.case-details .left-service .design-01 p {

  color: #000;

  font-size: 18px;

  font-weight: 600;

  line-height: 32px;

}



.case-details .left-service .go_link,

.case-details .left-service .parg {

  color: #000;

  font-size: 20px;

  font-weight: 400;

  line-height: 34px;

}



.case-details .left-service .go_link {

  color: var(--prime-two);

  text-decoration: underline;

}



.design-service-three {

  background: #FFF8F1;

}



.case-blog {

  background: none;

}



.case-blog .card {

  background: #FFFFFD;

  box-shadow: 0px 25px 25px 15px rgba(212, 207, 207, 0.25);

}



.case-blog .card .card-body {

  height: 220px;

}



.case-blog .card .card-body span {

  color: var(--prime-two);

}



.case-video {

  background: none;

  right: -265px;

  top: -109px;

}



.case-video .play-button {

  line-height: 82px;

}



/*=============================case-details  end==========================================*/



/*=============================blog-page start==========================================*/

.case-blog .h2 {

  width: 85%;

  margin: 0 auto;

}



.blog-page {

  background: #F4F7FC;

}



.blog-page .left-blog .left-one .card-body {

  padding: 35px 44px;

}



.blog-page .left-blog .left-one h6 {

  font-size: 46px;

  font-weight: 700;

  line-height: 58px;

  transition: all 0.3s ease-in-out;

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

}



.blog-page .left-blog .card {

  border: none;

}



.blog-page .left-blog .left-one h6 a {

  color: #000;

  transition: all 0.3s ease-in-out;

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

}



.blog-page .left-blog .left-one ul li a:hover,

.blog-page .left-blog .left-one h6 a:hover {

  color: var(--prime-two);

}



.blog-page .left-blog .left-one p {

  color: #000;

  font-weight: 400;

  line-height: 34px

}



.blog-page .left-blog .left-one ul li a {

  color: #000;

  /* font-family: Domine; */

  font-size: 16px;

  font-weight: 700;

  line-height: 34px;

  transition: all 0.3s ease-in-out;

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

}



.blog-page .left-blog .pagination a {

  width: 63px;

  background: var(--prime-one);

  border-radius: 50%;

  margin-right: 15px;

  color: #000;

  font-size: 18px;

  font-weight: 400;

  text-align: center;

  line-height: 63px;

  vertical-align: middle;

  transition: all 0.3s ease-in-out;

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



}



.blog-page .left-blog .pagination {

  display: flex;

  margin-left: auto;

  width: 100%;

  position: relative;

  align-items: center;

  justify-content: flex-end;

}



.blog-page .left-blog .pagination a:hover {

  color: var(--prime-one);

  background: var(--prime-two);

}



.blog-page .right-blog {

  padding: 50px 35px;

  background: var(--prime-one);

}



.blog-search .search-form {

  border-radius: 3px;

  border: 2px solid #000;

  height: 66px;

}



.blog-search .search-form a img {

  margin-left: 10px;

}



.blog-search .search-form input {

  color: #B5B5B5;

  font-size: 16px;

  font-weight: 400;

  margin-left: 20px;

  width: 100%;

}



.blog-post .h6,

.blog-taq .h6 .blog-categ .h6 {

  line-height: 72px;

}



.blog-categ ul li span {

  font-family: Kumbh Sans;

  font-size: 18px;

  font-style: normal;

  font-weight: 400;

  line-height: 44px;

}



.blog-categ ul li {

  border-radius: 5px;

  background: #F6F6F6;

  color: #000;

  margin-bottom: 10px;

  height: 50px;

  padding: 5px 20px;

  transition: all 0.3s ease-in-out;

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

}



.blog-categ ul li:hover {

  background: var(--prime-two);

  color: var(--prime-one);



}



.blog-post .post-one p {

  color: var(--prime-two);

  font-size: 14px;

  font-weight: 400;

  line-height: 28px;

  margin-left: 20px;

}



.blog-post .post-one h6 a {

  color: #000;

  font-size: 20px;

  font-weight: 700;

  line-height: 28px;

  margin-left: 20px;

  transition: all 0.3s ease-in-out;

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

}



.blog-post .post-one h6 a:hover {

  color: var(--prime-two);

}



.blog-taq .tag_one {

  display: block;

  position: relative;

}



.blog-taq .tag_one a {

  display: inline-block;

  border-radius: 3px;

  background: #F5F4F4;

  color: #000;

  font-size: 16px;

  font-weight: 400;

  line-height: 1;

  padding: 7px 12px;

  margin: 0 10px 10px 0;

  line-height: 20px;

  transition: all 0.3s ease-in-out;

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

}



.blog-taq .tag_one a:hover {

  color: var(--prime-one);

  background: var(--prime-two);

}



/*=============================blog-page end==========================================*/



/*=============================blog details start==========================================*/

.blog-banner {

  background: #FFF6EF;

}



.blog-banner .para-one {

  color: #8B8B8B;

  text-align: center;

  font-size: 18px;

  font-weight: 400;

  line-height: 40px;

}



.blog-banner .divider {

  width: 1px;

  height: 32px;

  background: #DFDFDF;

  margin: 0 10px;

}



.blog-details .card {

  border: none;

}



.blog-details .main_left {

  background: var(--prime-one);

  padding: 42px 27px 100px 40px;

}



.main_left .left-one p {

  color: #000;

  font-size: 16px;

  font-weight: 400;

  line-height: 34px;

  opacity: 0.8;

}



.main_left .left-one .quotetion {

  border-radius: 5px;

  background: #FEF7F2;

  padding: 60px 44px 44px 105px;

}



.main_left .left-one .quotetion p {

  font-size: 18px;

  opacity: 1;

}



.main_left .left-one .quotetion p::after {

  content: url('../images/icon/quatetion.png');

  position: absolute;

  left: -70px;

  top: -20px;

}



.main_left .border {

  width: 100%;

  height: 1px;

  background: #F0ECEC;

}



.left-two .taq span {

  color: #000;

  font-size: 18px;

  font-weight: 500;

  line-height: 22px;

  letter-spacing: 0.09px;

}



.left-two .taq-list a {

  color: #000;

  font-size: 16px;

  font-weight: 400;

  line-height: 20px;

  letter-spacing: 0.08px;

  transition: all 0.3s ease-in-out;

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

}



.left-two .taq-list a:hover {

  color: var(--prime-two);

}



.left-two .social ul li {

  display: inline-block;

}



.left-two .social ul li a {

  color: var(--heading-color);

  margin-right: 25px;

  width: 41px;

  text-align: center;

  line-height: 41px;

  border-radius: 50%;

  background: var(--prime-one);

  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));

  transition: all 0.3s ease-in-out;

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

}



.left-two .social ul li a:hover {

  background: var(--text-color);

  color: var(--prime-one);

}



.main_left .left-three {

  border-radius: 5px;

  background: #F8F5F0;

  padding: 50px 60px 40px 30px;

}



.main_left .left-three h6 {

  color: #000;

  font-size: 20px;

  font-weight: 700;

  line-height: 34px;

}



.main_left .left-three span {

  color: #000;

  font-size: 16px;

  font-weight: 400;

  line-height: 34px;

}



.main_left .left-three p {

  font-size: 16px;

  font-weight: 400;

  line-height: 32px;

}



.main_left .left-three ul li {

  display: inline-block;

  margin-right: 20px;

}



.main_left .left-three ul li a {

  color: #000;

  transition: all 0.3s ease-in-out;

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

}



.main_left .left-three ul li a:hover {

  color: var(--prime-two);

}



.main_left .left-four h6 {

  color: #000;

  font-size: 20px;

  font-weight: 700;

  line-height: 34px;

}



.main_left .left-four span {

  color: #000;

  ;

  font-size: 14px;

  font-weight: 400;

  line-height: 34px;

}



.main_left .left-four p {

  color: #000;

  font-size: 16px;

  font-weight: 400;

  line-height: 32px

}



.main_left .left-four a {

  border-radius: 3px;

  background: #010212;

  color: var(--prime-one);

  font-size: 16px;

  font-weight: 400;

  line-height: 34px;

  padding: 0 20px;

  text-align: center;

  transition: all 0.3s ease-in-out;

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

}



.main_left .left-four a:hover {

  background: var(--prime-two);

  color: var(--prime-one);

}



.main_left .left-five input {

  width: 100%;

  color: #000;

  font-size: 16px;

  font-weight: 400;

  line-height: 34px;

  opacity: 0.8;

}



.main_left .left-five .custom-btn-one {

  text-transform: inherit;

  border-radius: 3px;

  background: var(--prime-two);

  color: var(--prime-one);

  font-size: 16px;

  font-weight: 500;

  line-height: 34px;

  padding: 11px 31px;

  transition: all 0.3s ease-in-out;

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

}



.main_left .left-five .custom-btn-one:hover {

  background: var(--text-color);

}



.main_left .left-six input {

  width: 17px;

  height: 18px;

  border-radius: 3px;

  border: 1px solid #E3E3E3;

}



.main_left .left-six p {

  color: #000;

  font-size: 16px;

  font-weight: 400;

  line-height: 34px;

}

.table-data {

	position: relative;

  }

  

  .pricing-plan h2{

    position: relative;

  }

  .pricing-plan h2::after {

    position: absolute;

    content: url(../images/shape/shape-03.svg);

    bottom: -34px;

    left: 50%;

    transform: translateX(-50%);

    z-index: 0;

  }

  .table-heading {

	text-align: center;

  }

  

  .table-data .table-wrapper {

	width: 100%;

  padding-top: 50px;

  }

  .table-wrapper table{

	width: 100%;

  }

  .table-data td {

	font-size: 16px;

	box-shadow: 0 1px 5px -4px #000;

  text-align: center;

  }

  

  /* Apply a transition to make the hover effect smooth */

  th,

  td {

	transition: background-color 0.3s ease, color 0.3s ease;

  }

  thead, thead td {

    background-color: #FF6915 !important;

    color: #000;

}

  tr>td:first-of-type {

	font-weight: bold;

	color: #000;

  background-color: #f5b453 !important;

  text-align: left;

  }

  

  .table-data {

	text-align: left;

	overflow: hidden;

	width: 100%;

  }

  

  .table-data td,

  .table-data th {

	padding-bottom: 1rem;

	padding-top: 1rem;

	padding-left: 2%;

  }



  .term-banner {

    position: relative; /* Ensures pseudo-element is positioned relative to the parent */

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

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

    background-repeat: repeat;

    height: 45vh;

    display: flex;

    align-items: center;

    justify-content: center;

    }   

    

    .term-banner h1 {

     text-align: center;

    font-size: 50px;

    color: #fff;

    font-weight: 700;

    line-height: 1.3;

    word-wrap: break-word;

    z-index: 22;

    }

  

    .terms-info ol li,

    .terms-info ul li {

    margin-left: 30px;

    }

    

    .terms-info ol li {

    list-style-type: lower-alpha;

    font-size: 24px;

    /* color: var(--white); */

    font-weight: 500;

    }

    

    .terms-info ul li {

    list-style-type: cirfcle;

    font-size: 24px;

    padding: 1.5rem 0 0.5rem;

    /* color: var(--white); */

    font-weight: 500;

    }

    



    

    .terms-info,

    .goals-info {

    position: relative;

    padding-bottom: 5vh;

    }

    .goals-info ul{

    padding-top: 1.5rem;

    }

    .goals-info ol li,

    .goals-info ul li {

    margin-left: 40px;

    font-size: 20px;

    /* color: var(--white); */

    }

    .goals-info ol{

    padding-top: 1rem;

    }

    .goals-info ol li{

    list-style-type: decimal;

    }

    

    .goals-info ul li{

    list-style-type: disc;

    }

    /* .terms-info p,

    .goals-info p {

    color: var(--white);

    } */

    .ccpa {

      height: 250px;

    }

    .terms-info h2,

    .goals-info h2,

    .privacy-info h2,

    .ccpa-info h2 {

    padding-top: 1.5rem;

    /* color: var(--white); */

    font-weight: 700;

    font-size: 32px;

    line-height: 1.25;

    padding-bottom: 1rem;

    }

    

    .terms-info h3,

    .goals-info h3,

    .privacy-info h3 {

    padding-top: 1.5rem;

    /* color: var(--white); */

    font-weight: 500;

    font-size: 28px;

    margin-bottom: 0.5rem;

    }

    

    .privacy-info,

    .ccpa-info {

    position: relative;

    padding-top: 10vh;

    padding-bottom: 5vh;

    }

    

    /* .privacy-info p {

    color: var(--white);

    } */

    /* .privacy-info strong{

    color: var(--white);

    } */

    .privacy-info li {

    font-size: 1rem;

    padding-bottom: 10px;

    margin-left: 30px;

    letter-spacing: 0.5px;

    }

    

    /* .ccpa-info h2 {

    color: var(--white);

    } */

    

    .ccpa-info li {

    /* color: var(--white); */

    font-size: 1rem;

    letter-spacing: 0.5px;

    margin-left: 30px;

    }

    .f-active {

    color: var(--primary-color) !important;

    }

    .unsub-banner{

    padding: 5rem 0;

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

    }

    .unsub-banner .application-area{

    position: relative;

    }

    .unsub-banner h1{

      font-size: 40px;

      line-height: 1.3;

      color: #fff;

      padding-top: 50px;

      padding-bottom: 30px;

    }

    .section-tittle h1 {

    font-size: 50px;

    display: block;

    color: var(--primary-color);

    position: relative;

    margin-top: 10rem;

    }

/*=================end style css =======================================================*/