@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Text:ital@0;1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

*{
    padding: 0;
    margin: 0;
    list-style: none;
    text-decoration: none !important;
    box-sizing: border-box;
}

:root{
    --color-blue : #0B65CE;
    --color-white : #FFFFFF;
    --color-gray : #EEEEEE;
    --color-gray2 : #CCCCCC;
    --color-bg: #F4F5FF;
    --color-orange : #f77c53;
    --color-b-black : #283751;
    --color-black : #102039;
    --color-brand-1 :#f6f4f9;
    --color-pp: #6222cc;
    --color-ppd : #4b25be;
    --color-text : #595f75;
    --color-text-2 : #343b55;
    --pattern-pearl : #FBFCF8;
    --pattern-alice : #F0F8FF;
    --font-family-header:"Barlow Condensed", sans-serif;
    --border-radius-6 : 6px;

}

html{
    line-height: 1px;
    scroll-behavior: smooth;
    scroll-padding-top: 90px; 
}
body{
    font-size: 16px !important;
    line-height: 1.3;
    letter-spacing: 0.8px;
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

section > h1{
   font-size: 50rem; 
}

h2{

  font-family: var(--font-family-header);
}

h1,
h2,
h3,
h4,
h5,
h6{
 color: var(--color-black);
}

/* --------------------
General Style Start
-----------------*/

p{
    line-height: 24px;
    font-size: 16px;
}

@media (max-width:450px) {
    p{
        font-size: 18px !important;
    }
}


.section-title__tagline {
    position: relative;
    display: inline-block;
    color: var(--color-text);
    font-family: var(--font-family-header);
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.section-title__tagline:before {
    position: absolute;
    bottom: 3px;
    left: 0;
    right: 0;
    content: "";
    height: 1px;
    background-color: var(--color-pp);
}

section{
    position: relative;
    width: 100%;
    padding: 100px 0px;
    overflow: hidden;
}

.page_bg_pearl{
    background-color: var(--pattern-pearl);
}

button{
    border: none;
    outline: none;
}

.text-center{
    text-align: center;
}

.text-left{
    text-align: center;
}


/* section Title */
.section-title2{
  width: 100%;
  margin-bottom: 30px;
}
.section-title2 .section-title2-title{
    margin: 0;
    font-size: 40px !important;
    line-height: 45px;
    text-transform: uppercase;
    font-family: var(--font-family-header) ;
    font-weight: 600;
    color: var(--color-black);
  
}

.section-title2 .padding-right-title{
  padding-right: 20%;
}

@media (max-width:992px) {
    .section_title{
        width: 80%;
        padding: 0px 10%;
    }
}

@media (max-width:768px) {
.section-title2 .section-title2-title{
    font-size: 32px !important;
    line-height: 40px;
}
    
    .section_title{
        width: 100%;
        padding: 0px 0%;
    }
    .section_title p{
        font-size: 18px;
        text-align: left;
    }
    .section_title h2{
      text-align: left;
    }
}

/* Bnts */
.thm-btn {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    outline: none !important;
    background-color: var(--color-pp);
    color: var(--color-white);
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 17px 60px 17px;
    transition: all 0.3s linear;
    overflow: hidden;
    z-index: 1;
    font-family: var(--font-family-header);
    letter-spacing: 0.1em;
    border-radius: var(--border-radius-6);
  }
  
  .thm-btn:hover {
    color: var(--color-white);
  }
  
  .thm-btn:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--color-black);
    transform: scale(0);
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    border-radius: var(--border-radius-6);
    opacity: 1;
    z-index: -1;
  }
  
  .thm-btn:hover:after {
    opacity: 1;
    transform: scale(1);
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
  }


#anchor-scroll-up{
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    width: 45px;
    height: 45px;
}

#anchor-scroll-up img{
    width: 100%;
}

/* --------------------
General Style End
-----------------*/
/*--------------------------------
 Site  Main Menu  -- Start
---------------------------------- */
.main_menu_container{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  z-index: 999;
  background: transparent;
  transition: 500ms;
  height: 70px;
  border-bottom: 1px solid rgba(120, 120, 120, 0.3); 
   display: flex;
  align-items: center;
}

.nav-bg-only{
  background-color: var(--color-black) !important;
}

.fixed-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background-color: var(--color-black); 
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}

.main_menu_wrapper{
  width: 90%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  
}
.main_menu_wrapper .menu_logo{
  max-width: 100%;
}
.main_menu_wrapper .menu_logo a{
  display: inline-block;
}
.main_menu_wrapper .menu_logo img{
  height: 25px;
  display: inline-block;
}

/* menu_nav_container */
.menu_nav_container{
max-width: 100%;
}
.menu_nav_container ul.menu_parent{
  max-width: 100%;
  margin-bottom: 0;
}
.menu_nav_container ul.menu_parent li.menu_item{
  position: relative;
  display:inline-block;
  margin-right: 30px;
  padding: 20px 0px;
}

.menu_nav_container ul.menu_parent li.menu_item_sub > a button{
  float: right;
  width: 30px;
  height: 30px;
  background-color: var(--color-pp);
  border: none;
  outline: none;
  text-align: center;
   border-radius: 3px;
  transition: transform 500ms ease;
  display: none;
}
.menu_nav_container ul.menu_parent li.menu_item_sub > a button i.fa{
  color: var(--color-white);
}


.menu_nav_container ul.menu_parent li.menu_item_sub > a button:hover{
  background-color: var(--color-white);
  color: var(--color-black);
}

.menu_nav_container ul.menu_parent li.menu_item_sub > a button:hover i.fa{
  color: var(--color-black);
}

.openSubMenuBtn.rotated i.fa {
  transform: rotate(90deg);
  transition: transform 0.3s ease;
}

.menu_nav_container ul.menu_parent li.menu_item:last-child{
  margin-right: 0px;
}
.menu_nav_container ul.menu_parent > li.menu_item > a{
  font-size: 13px;
  color: var(--color-white);
  position: relative;
  transition: all 500ms ease;
  text-transform: uppercase;
  line-height: 34px;
  font-weight: 400;
  padding: 2px 0px;

}
.menu_nav_container ul.menu_parent > li.menu_item > a::before{
  content: "";
  height: 1px;
  border-radius: 0px;
  background-color: var(--color-white);
  position: absolute;
  bottom: 2px;
  left: 0px;
  right: 0px;
  transition: transform 500ms ease;
  transform: scale(0, 1);
  transform-origin: left center;
  z-index: 1;
}

.menu_nav_container ul.menu_parent > li.menu_item:hover > a{
  color: var(--color-white);
}

.menu_nav_container ul.menu_parent > li.menu_current > a::before,
.menu_nav_container ul.menu_parent > li.menu_item:hover > a::before{
  transform: scale(1, 1);
  transform-origin: right center; 
}

.menu_nav_container ul.menu_parent > li.menu_current > a::before{
  background-color: var(--color-white) !important;
}


/* Sub */
.menu_nav_container ul.menu_parent li.menu_item_sub ul.sub_menu{
  position: absolute;
  top: 100%;
  left: 0px;
  background-color: var(--color-white);
  border-radius: 6px;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease;
  z-index: 99999;
  box-shadow: 0px 0px 65px 0px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  width: max-content;      
  white-space: nowrap; 
}

.menu_nav_container ul.menu_parent li.menu_item_sub:hover > ul.sub_menu{
  opacity: 1;
  visibility: visible;
  min-height: 100%;
}
.menu_nav_container ul.menu_parent li.menu_item_sub .sub_menu li{
  position: relative;
  display: inline;
}
.menu_nav_container ul.menu_parent li.menu_item_sub > .sub_menu li > a{
  font-size: 13px;
  color: var(--color-black);
  text-transform: uppercase;
  font-weight: 600;
  display: flex;
  padding: 15px 15px;
  transition: 500ms;
  border-bottom: 2px solid var(--color-gray) !important;
}

.menu_nav_container ul.menu_parent li.menu_item_sub > .sub_menu li > a:last-child{
    border-bottom: none;
}

.menu_nav_container ul.menu_parent li.menu_item_sub .sub_menu li a:hover{
  background-color: var(--color-pp);
  color: var(--color-white);
}

/* main_menu_wrapper */
.main_menu_wrapper .quote_button{
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 1px solid rgba(230, 230, 230, 0.4);
  padding-left: 30px;
}

.main_menu_wrapper .quote_button > i.fa{
  color: var(--color-white);
  margin-right: 10px;
}
.main_menu_wrapper .quote_button > div{
  max-width: 100%;
}
.main_menu_wrapper .quote_button > div p{
  font-size: 12px;
  text-align: left;
  color: var(--color-white);
  font-weight: 300;
  margin-bottom: -5px !important;
  padding-bottom: 0px !important;
  text-transform: uppercase;
}
.main_menu_wrapper .quote_button > div a{
  display: inline-block;
  font-size: 15px;
  text-align: left;
  color: var(--color-white);
  font-weight: 600;
  transition: 500ms ease;
  margin-bottom: 0;
}
.main_menu_wrapper .quote_button > div a:hover{
 color: var(--color-gray2);
}

/*mobile_menu_top */
.menu_nav_container .mobile_menu_top{
  width: 100%;
  display: none;
  border-bottom: 5px solid var(--color-gray);
  background-color: #283751;
}

.menu_nav_container .mobile_menu_top .mobile_menu_top_inner{
  width: 100%;
  padding: 30px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.menu_nav_container .mobile_menu_top .mobile_menu_top_inner img{
  height: 30px;
 }

 .menu_nav_container .mobile_menu_top .mobile_menu_top_inner button{
  width: 40px;
  height: 40px;
  background-color: transparent;
  transition: 0.4s ease-in-out;
 }
 .menu_nav_container .mobile_menu_top .mobile_menu_top_inner button i.fa{
  color: var(--color-white);
  font-size: 30px;
  font-weight: 900;
 }
 .menu_nav_container .mobile_menu_top .mobile_menu_top_inner button:hover i.fa{
 transform: scale(1.1);
 }

 /* mobile_menu_down */
 .mobile_menu_down{
  width: 100%;
  display: none;
 }
 .mobile_menu_down .menu_contact{
  width: 100%;
  margin-bottom: 10px;
  border-bottom: 1px solid var(--color-gray);
  padding: 10px;
 }
 .mobile_menu_down .menu_contact li{
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
 }
 .mobile_menu_down .menu_contact li i.fa{
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-color: var(--color-pp);
  color: var(--color-white);
  border-radius: 50%;
  margin-right: 15px;
  text-align: center;
  font-size: 14px;
 }
 .mobile_menu_down .menu_contact li a{
  color: var(--color-gray2);
  font-weight: 500;
  transition: 500ms;
  padding: 3px 0px;
 }
 .mobile_menu_down .menu_contact li a:hover{
  color: var(--color-white);
 }

 /* Menu Contact */
 .mobile_menu_down{
  width: 100%;
 }
 .mobile_menu_down .menu_media{
  width: 100%;
  display: flex;
  align-items: center;
  padding: 10px;
 }
 .mobile_menu_down .menu_media li{
  margin-right: 15px;
 }
 .mobile_menu_down .menu_media li a.fa-brands{
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  color: var(--color-white);
  font-size: 17px;
  background-color: rgba(143, 11, 220, 0.1);
  transition: 500ms;
 }

 .mobile_menu_down .menu_media li a.fa-brands:hover{
    background-color: var(--color-pp);
 }

/* mobile_menu_bar */
.mobile_menu_bar{
  font-size: 20px;
  color: var(--color-white);
  cursor: pointer;
  transition: 500ms ease;
  display: none;
}
.mobile_menu_bar:hover{
  transform: scale(1.1);
  color: var(--color-gray2);
}
/* Menu Bottom Info */
@media (min-width:1920px) {
  
}
/* Mobile Responsive Break out*/
@media (max-width:992px){
  /* Menu Parent */
 .menu_nav_container{
  width: 500px !important;
  height: 100vh;
  position: fixed;
  top: 0;
  left: -100%;
  z-index: 999;
  background-color: var(--color-black);
  overflow-y: scroll;
  transition: 0.4s ease-in-out;
 }

 .menu_nav_container.active{
  left: 0;
 }

 .menu_nav_container > .mobile_menu_top{
 display: block;
 }
 

  .menu_nav_container ul.menu_parent{
    width: 100%;
    height: auto;
  }

  .menu_nav_container ul.menu_parent > li.menu_item{
    width: 100%;
    margin-right: 0px;
    padding: 0px 0px !important;
    display: block;
    margin-top: 0 !important;
  }

  .menu_nav_container ul.menu_parent > li.menu_item > a{
    position: relative;
    color: var(--color-white);
    padding: 20px 10px;
    border-bottom: 1px solid var(--color-white);
    margin-bottom: 0 !important;
    display: flex;
    justify-content: space-between;
    line-height: 30px;
    color: var(--color-white);
    font-size: 14px;
    font-weight: 500;
    align-items: center;
    transition: 500ms;
  }

  .menu_nav_container ul.menu_parent > li.menu_item > a:hover{
    background-color: rgba(238, 238, 238, 0.09);
  }

  .menu_nav_container ul.menu_parent li.menu_item:last-child{
    margin-right: 0px;
  }

  .menu_nav_container ul.menu_parent > li.menu_item > a::before{
    display: none;
  }
/* sub menu li*/
.menu_nav_container ul.menu_parent li.menu_item_sub {
 position: relative !important;
  display:inline-block !important;
  min-height: 100%;
  padding: 0px !important;
  font-size: 0;
  }

  .menu_nav_container ul.menu_parent li.menu_item_sub > a button{
    display: block;
  }

/* Sub menu List */
  .menu_nav_container ul.menu_parent > li.menu_item_sub .sub_menu{
    position: relative!important;
    width: 100% !important;
    height: 0px; 
    visibility: visible !important;
    opacity: 1 !important;
    border-radius: 0px !important;
    background-color: rgba(201, 201, 201, 0.04) !important;
  }

  .menu_nav_container ul.menu_parent > li.menu_item_sub .sub_menu.active{
    height: 100%;
  }

  .menu_nav_container ul.menu_parent > li.menu_item_sub > .sub_menu li{
    width: 100%;
    display: block;
  }

  .menu_nav_container ul.menu_parent > li.menu_item_sub .sub_menu li > a{
    color: var(--color-white);
    padding: 20px 10px;
    border-bottom: 1px solid var(--color-gray) !important;
  }

  /* quote_button */
  .quote_button{
    display: none !important;
  }
  /* Mobile menu  */
  .mobile_menu_bar{
    display: block;
  }
  /* Mobile Menu Down */
  .mobile_menu_down{
    display: block;
   }
}


/*--------------------------------
 Site  Main Menu  -- End
---------------------------------- */

/* ------------------
banner_hero Start
---------------------*/
  .banner_hero{
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  height: 100vh;
  position: relative;
  background-color: var(--color-b-black);
  z-index: 1;
   }

.banner_hero_bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: var(--qutiiz-black);
    background-blend-mode: luminosity;
    opacity: 0.4;
    z-index: -1;
  }

  .banner_hero_container{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.banner_hero_inner{
    width: 50%;
    margin: auto;
    padding: 0;
    display: block;
    text-align: center;
    z-index: 15;
}

.banner_hero_inner p{
    font-size: 18px;
    font-weight: 500;
    color: var(--color-gray2);
    text-transform: uppercase;
    font-family: var(--font-family-header);
    margin-bottom: 20;
}

.banner_hero_inner .banner_title_h1{
    font-size: 60px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: var(--font-family-header);
    color: var(--color-white);
    margin-bottom: 40px;
}

.banner_hero_inner a.thm-btn{
  display: inline-block;
}


@media (min-width:1920px){
    .banner_hero_inner{
    width: 60%;
}

.banner_hero_inner .banner_title_h1{
    font-size: 100px;
}

}
@media (max-width:992px){
    .banner_hero_inner{
    width: 80%;
    }
    .banner_hero_inner .banner_title_h1{
    font-size: 80px ;
} 
}

@media (max-width:768px){
  .banner_hero_inner{
    width: 95%;
}

  .banner_hero_inner .banner_title_h1{
    font-size: 38px;
}
}


/* banner_hero End*/

/* Mid Banner Start */
.site_mid_banner{
  position: relative;
  display: block;
  padding: 200px 0;
  background-color: var(--color-b-black);
  z-index: 100;
}

.page-header-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: var(--color-b-black);
    background-blend-mode: luminosity;
    opacity: 0.4;
    z-index: -1;
  }
 
  .page-header-border {
    position: absolute;
    top: 70px;
    left: 0;
    bottom: 0;
    width: 14.29%;
    border-right: 1px solid rgba(255, 255, 255, 0.09);
  }
  
  .page-header-border-two {
    left: 14.29%;
  }
  
  .page-header-border-three {
    left: 28.59%;
  }
  
  .page-header-border-four {
    left: 42.88%;
  }
  
  .page-header-border-five {
    left: 57.17%;
  }
  
  .page-header-border-six {
    left: 71.46%;
  }
  
  .page-header-shape-1 {
    position: absolute;
    top: -182px;
    right: 125px;
    width: 495px;
    height: 350px;
    background-color: var(--color-pp);
    mix-blend-mode: screen;
    transform: rotate(45deg);
    border-radius: 20px;
    animation: rectMove 9s linear 0ms infinite;
  }
  
  .page-header-shape-2 {
    position: absolute;
    top: -70px;
    right: -250px;
    width: 495px;
    height: 350px;
    background-color: var(--color-black);
    mix-blend-mode: soft-light;
    transform: rotate(45deg);
    border-radius: 20px;
    z-index: 1;
    animation: rectMove 9s linear 1s infinite;
  }
  
  .page-header-shape-3 {
    position: absolute;
    top: 221px;
    right: -394px;
    width: 495px;
    height: 350px;
    background-color: var(--color-white);
    mix-blend-mode: soft-light;
    transform: rotate(45deg);
    border-radius: 20px;
    z-index: 1;
    animation: rectMove 9s linear 2s infinite;
  }
  
/* page_header_container */
.page_header_container{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-height: 100%;
}

.page_header__inner{
    width: 50%;
    margin: auto;
    padding-top: 40px;
    text-align: center;
    z-index: 15;
}
.page_header__inner .header__breadcrumb{
    position: relative;
}

.page_header__inner .header__breadcrumb > li{
    position: relative;
    display: inline-block;
    color: var(--color-white);
    font-size: 14px;
    font-family: var(--font-family-header);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 500 !important;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.page_header__inner .header__breadcrumb li + li {
    margin-left: 29px;
}

.page_header__inner .header__breadcrumb li::before{
    position: absolute;
    top: 8px;
    left: -20px;
    content: "";
    background-color: var(--color-white);
    height: 2px;
    width: 5px;
}

.page_header__inner .header__breadcrumb li:first-child::before{
    display: none;
}
.page_header__inner .header__breadcrumb li{
  font-weight: 400;
}
.page_header__inner .header__breadcrumb li a{
    color: var(--color-white);
    letter-spacing: 0.1em;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.page_header__inner .header__breadcrumb li:hover a{
    color: var(--color-pp);
}

.page_header__inner .header__title{
    font-size: 48px;
    font-weight: 500;
    color: var(--color-white);
    text-transform: uppercase;
    font-family: var(--font-family-header) !important;
}

.page_header__inner .post-author-date{
  font-size: 14px !important;
  text-transform: uppercase;
  font-weight: 600;
  font-family: var(--font-family-header) !important;
  color: var(--color-white);
  padding-bottom: 0;
  margin-bottom: 0;
}

   
/* Mid Banner End */
 @media (min-width: 1920px) {
 .page_header__inner{
    width: 40%;
}
}

@media (max-width:992px) {
  .page_header__inner{
    width: 90%;
}
}

@media (max-width:768px) {
  .site_mid_banner{
  padding: 160px 0px !important;
}
.page_header__inner{
    width: 95%;
}
.breadcrumb_mobile{
  display: none;
  margin-bottom: 15px !important;

}
.page_header__inner .header__title{
    font-size: 1.7em;
    font-weight: 600;
}
}
/* Mid Banner End */

/* --------------------
site niche hero 
----------------*/
.site_niche_hero{
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  height: 100vh;
  position: relative;
  background-color: var(--color-b-black);
  z-index: 1;
}
.site_niche_bg{
  position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: var(--color-b-black);
    background-blend-mode: luminosity;
    opacity: 0.4;
    z-index: -1;
}

.page_header_container{
  width: 100%;
}
.page_header__inner{
 max-width: 100%;
}
.site_niche_hero_container{
 position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-height: 100%;
}
.site_niche_hero_inner{
    width: 50%;
    margin: auto;
    padding-top: 40px;
    text-align: center;
    z-index: 15;
}
.site_niche_hero_inner .niche_title_h1{
    font-size: 60px;
    font-weight: 600;
    color: var(--color-white);
    text-transform: uppercase;
    font-family: var(--font-family-header) !important;
    margin-bottom: 20px;
}
.site_niche_hero_inner p{
  color: var(--color-white);
  margin-bottom: 20px;
  padding: 0px 10%;
}

@media (min-width:1920px) {
  .site_niche_hero_inner .niche_title_h1{
    font-size: 100px;
}
}

@media (max-width:992px) {
.site_niche_hero_inner{
    width: 90%;
}
  .site_niche_hero_inner .niche_title_h1{
    font-size: 80px;
}
}

@media (max-width:922px) {}
@media (max-width:768px) {
.site_niche_hero_inner{
    width: 95%;
}
  .site_niche_hero_inner .niche_title_h1{
    font-size: 38px;
}
.site_niche_hero_inner p{
  padding: 0px 0%;
}
}

/* -----------------
   Services Start
------------------- */
.services-two {
    position: relative;
    display: block;
    padding: 120px 0 90px;
  }
  
  .services-two__single {
    position: relative;
    display: block;
    border-radius: var(--border-radius-6);
    border: 1px solid transparent;
    background-color: var(--color-brand-1);
    padding: 38px 20px 24px;
    margin-bottom: 30px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }
  
  .services-two__single:hover {
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
    border: 1px solid #e2e0e5;
  }
  
  .services-two__icon {
    position: relative;
    display: inline-block;
  }
  
  .services-two__icon:before {
    position: absolute;
    bottom: 8px;
    right: -19px;
    border-radius: 50%;
    background-color: rgb(98, 34, 204);
    opacity: 0.1;
    width: 47px;
    height: 47px;
    content: "";
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
  }
  
  .services-two__single:hover .services-two__icon:before {
    transform: scale(1.5);
  }
  
  .services-two__icon span {
    font-size: 34px;
    color: var(--color-pp);
    position: relative;
    display: inline-block;
  }
  
  .services-two__icon img{
    height: 40px;
    display: inline-block;
  }

  .services-two__title {
    font-size: 24px;
    font-weight: 500;
    font-family: var(--font-family-header);
    color: var(--color-black);
    text-transform: uppercase;
    line-height: 29px;
    margin-top: 16px;
    margin-bottom: 25px;
  }
  
  .services-two__title a {
    color: var(--color-black);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }
  
  .services-two__title a:hover {
    color: var(--color-pp);
  }
  
  .services-two__text {
    margin: 0;
    padding-bottom: 9px;
  }
  
  .services-two__arrow {
    color: var(--color-b-black);
    font-size: 30px;
    font-family: 600;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .services-two__arrow span.icon-arrow-right{
    color: var(--color-b-black);
  }
  
  .services-two__arrow:hover {
    color: var(--color-pp);
  }

/* -----------------------
   Services  End
------------------------- */

/* --------------------
   About Me - Start
------------------------- */
/* get-to-know */

.get-to-know-two {
    position: relative;
    display: block;
    padding: 0 0 120px;
  }

  .get-to-know-two__about{
    padding: 120px 0px !important;
  }
  
  .get-to-know-two__left {
    position: relative;
    display: block;
    margin-right: 90px;
  }
  
  .get-to-know-two__img-box {
    position: relative;
    display: block;
  }
  
  .get-to-know-two__img {
    position: relative;
    display: block;
    background-color: var(--color-black);
    border-radius: var(--border-radius-6);
    overflow: hidden;
  }
  
  
  .get-to-know-two__img > img {
    width: 100%;
    mix-blend-mode: luminosity;
    border-radius: var(--border-radius-6);
  }
  
  
  .get-to-know-two__right {
    position: relative;
    display: block;
  }
  
  .get-to-know-two__right .section-title {
    margin-bottom: 30px;
  }
  
  .get-to-know-two__text {
    margin: 0;
  }
  
  .get-to-know-two__bottom {
    position: relative;
    display: flex;
    border-bottom: 1px solid #e2e0e5;
    margin-top: 35px;
    margin-bottom: 39px;
    padding-bottom: 39px;
  }
  
  .get-to-know-two__icon {
    position: relative;
    top: 9px;
  }
  
  .get-to-know-two__icon img {
    height: 70px;
    position: relative;
    display: inline-block;
    color: var(--color-pp);
    font-size: 64px;
    transition: all 500ms linear;
    transition-delay: 0.1s;
  }
  
  .get-to-know-two__bottom:hover .get-to-know-two__icon img {
    transform: rotateY(360deg);
    color: var(--color-black);
  }
  
  .get-to-know-two__content {
    margin-left: 30px;
  }
  
  .get-to-know-two__text-2 {
    margin: 0;
  }
  
  .get-to-know-two__points-box {
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 38px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  .get-to-know-two__points {
   width: 100%;
  }
  
  .get-to-know-two__points li {
    position: relative;
    display: flex;
    align-items: center;
  }
  
  .get-to-know-two__points li + li {
    margin-top: 6px;
  }
  
  .get-to-know-two__points li .icon {
    position: relative;
    top: 1px;
  }
  
  .get-to-know-two__points li .icon span {
    font-size: 15px;
    font-weight: 600;
    color: var(--color-pp);
    transition: all 500ms ease;
    transform: scale(1);
  }
  
  .get-to-know-two__points li:hover .icon span {
    transform: scale(0.85);
  }
  
  .get-to-know-two__points li .text {
    margin-left: 10px;
  }
  
  .get-to-know-two__points li .text p {
    font-weight: 600;
    color: var(--color-black);
    margin: 0;
  }
  
  .get-to-know-two__points-two {
    margin-right: 0;
  }

  @media (max-width:992px) {
    .get-to-know-two__left{
      margin-bottom: 40px;
    }
  }

   @media (max-width:768px) {
    .get-to-know-two__left {
    margin-right: 0px;
  }
    
  .get-to-know-two__small-img {
    display: none;
  }
  .get-to-know-two__points-box{
    flex-direction: column;
  }
    .get-to-know-two__points:last-child {
    margin-top: 0px !important;
    padding-top: 0;
  }
  
  }

 /*--------------------------------------------------------------
# Qutiiz Ready Two
--------------------------------------------------------------*/
.qutiiz-ready-two {
    position: relative;
    display: block;
    padding: 99px 0 120px;
  }
  
  .qutiiz-ready-two-bg-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--color-black);
    z-index: 1;
  }
  
  .qutiiz-ready-two-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 1;
    mix-blend-mode: luminosity;
    opacity: 0.3;
  }
  
  .qutiiz-ready-two__inner {
    width: 60%;
    margin: auto;
    position: relative;
    display: block;
    text-align: center;
    z-index: 2;
  }
  
  .qutiiz-ready-two__title {
    font-size: 55px;
    font-family: var(--font-family-header);
    color: var(--color-white);
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 45px;
  }
  
  .qutiiz-ready-two__btn::after {
    background-color: #fff;
  }
  
  .qutiiz-ready-two__btn:hover {
    color: var(--color-black);
  }

  @media (max-width:992px){
    .qutiiz-ready-two__inner {
    width: 90%;
  }
   .qutiiz-ready-two__title {
    font-size: 50px;
  }
  }
  @media (max-width:768px){
       .qutiiz-ready-two__inner {
    width: 100%;
  }
   .qutiiz-ready-two__title {
    font-size: 28px;
    font-weight: 600;
  }
  }
  
  /*--------------------------------------------------------------
  # Why Choose Two
  --------------------------------------------------------------*/
  .why-choose-two {
    position: relative;
    display: block;
    background-color: #f6f4f9;
    padding: 100px 0px;
  }
  
  .why-choose-two__top {
    position: relative;
    display: block;
  }
  
  .why-choose-two__top-left {
    width: 100%;
    position: relative;
    display: block;
 
  }
  
  .why-choose-two__top-img {
    position: relative;
    display: block;
    border-radius: var(--border-radius-6);
    overflow: hidden;
  }
  
  .why-choose-two__top-img img {
    width: 100%;
    mix-blend-mode: luminosity;
  }

    .why-choose-two__top-img:hover img{
          mix-blend-mode: normal;
    }
  
 
  .why-choose-two__right {
    position: relative;
    display: block;
    margin-left: 70px;
    padding-top: 120px;
  }
  
  .why-choose-two__right .section-title {
    margin-bottom: 30px;
  }
  
  .why-choose-two__text {
    margin: 0;
    padding-bottom: 20px;
  }
  
  .why-choose-two__points {
    position: relative;
    display: block;
  }
  
  .why-choose-two__points li {
    position: relative;
    display: flex;
    align-items: center;
  }
  
  .why-choose-two__points li .icon {
    position: relative;
    top: 1px;
  }
  
  .why-choose-two__points li .icon span {
    font-size: 15px;
    color: var(--color-pp);
    transform: scale(1);
    transition: all 500ms ease;
  }
  
  .why-choose-two__points li:hover .icon span {
    transform: scale(0.85);
  }
  
  .why-choose-two__points li .text {
    margin-left: 20px;
  }
  
  .why-choose-two__points li .text p {
    font-weight: 500;
    color: var(--color-black);
    margin: 0;
  }
  
  /* why-choose-two__bottom */
  .why-choose-two__bottom {
    position: relative;
    display: block;
    margin-top: 60px;
  }
  
  .why-choose-two__single {
    position: relative;
    display: flex;
    align-items: center;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
    border-radius: var(--border-radius-6);
    padding: 38px 30px 38px;
  }
  
  .why-choose-two__icon {
    height: 64px;
    width: 64px;
    border-radius: 50%;
    background-color: var(--color-pp);
    font-size: 32px;
    color: var(--color-white);
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }
  
  .why-choose-two__icon .icon-suitcase {
    font-size: 24px;
  }
  
  .why-choose-two__single:hover .why-choose-two__icon {
    background-color: var(--color-black);
  }
  
  .why-choose-two__icon span {
    position: relative;
    display: inline-block;
    transition: all 500ms linear;
    transition-delay: 0.1s;
  }
  
  .why-choose-two__single:hover .why-choose-two__icon span {
    transform: rotate(360deg);
  }
  
  .why-choose-two__content {
    margin-left: 20px;
  }
  
  .why-choose-two__content-text {
    font-size: 20px;
    text-transform: uppercase;
    font-family: var(--font-family-header);
    line-height: 30px;
    font-weight: 500;
  }
@media (min-width:1920px){
    .why-choose-two .container{
        width: 60%;
    }
}
@media (max-width:992px){
    .why-choose-two__single {
        margin-bottom: 30px;
      }
       .why-choose-two__right {
    position: relative;
    display: block;
    margin-left: 0px;
    padding-top: 120px;
  }
}
@media (max-width:768px){}


/*--------------------------------------------------------------
  # Why Choose Two End
  --------------------------------------------------------------*/
.about__me{
  background-color: var(--color-black);
}

.about_me_text .section-title2{
  width: 100%;
}
.about_me_text .section-title2 .section-title2-title{
  color: var(--color-white) !important;
}
.about_me_text p{
  color: var(--color-white);
}

/* --------------
   About Me -  End
----------------- */


/*-- ------------------------------
Niches Start 
------------------------- --*/
/* Home page  */
.niche-section-page{
    background-color: var(--color-brand-1);
}

.niche-card__single {
    position: relative;
    display: block;
    border-radius: var(--border-radius-6);
    border: 1px solid transparent;
    background-color: var(--color-white);
    padding: 38px 30px 24px;
    margin-bottom: 30px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }
  
  .niche-card__single:hover {
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
    border: 1px solid #e2e0e5;
  }
  
  .niche-card__icon {
    position: relative;
    display: inline-block;
  }
  
  .niche-card__icon:before {
    position: absolute;
    bottom: 8px;
    right: -19px;
    border-radius: 50%;
    background-color: var(--color-pp);
    opacity: 0.1;
    width: 47px;
    height: 47px;
    content: "";
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
  }
  
  .niche-card__single:hover .niche-card__icon:before {
    transform: scale(1.5);
  }
  
  .niche-card__icon span {
    font-size: 34px;
    color: var(--color-pp);
    position: relative;
    display: inline-block;
  }
  
  .niche-card__icon img{
    height: 40px;
    display: inline-block;
  }

  .niche-card__title {
    font-size: 24px;
    font-weight: 500;
    font-family: var(--font-family-header);
    color: var(--color-black);
    text-transform: uppercase;
    line-height: 29px;
    margin-top: 16px;
    margin-bottom: 25px;
  }
  
  .niche-card__title a {
    color: var(--color-black);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }
  
  .niche-card__title a:hover {
    color: var(--color-pp);
  }
  
  .niche-card__text {
    font-size: 14px;
    margin: 0;
    padding-bottom: 9px;
  }
  
  .niche-card__arrow {
    color: var(--color-b-black);
    font-size: 30px;
    font-family: 600;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .niche-card__arrow span.icon-arrow-right{
    color: var(--color-b-black);
  }
  
  .niche-card__arrow:hover {
    color: var(--color-pp);
  }

  /* more-button */
  .more-button{
    width: 100%;
    text-align: center;
    margin-top: 30px;
  }

/* Niche two Page */
.niche-navigation {
    position: relative;
    display: block;
    padding: 120px 0px;
    background-color: var(--color-brand-1);
    text-align: center;
  }
 
  .niche-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1rem;
    width: 90%;
    margin: 0 auto;
  }

  .niche-card-2__single {
    position: relative;
    display: block;
    border-radius: var(--border-radius-6);
    border: 1px solid transparent;
    background-color: var(--color-white);
    padding: 38px 20px 24px;
    margin-bottom: 30px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    text-align: left;
  }
  
  .niche-card-2__single:hover {
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
    border: 1px solid #e2e0e5;
  }
  
  .niche-card-2__icon {
    position: relative;
    display: inline-block;
  }
  
  .niche-card-2__icon:before {
    position: absolute;
    bottom: 8px;
    right: -19px;
    border-radius: 50%;
    background-color: rgb(98, 34, 204);
    opacity: 0.1;
    width: 47px;
    height: 47px;
    content: "";
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
  }
  
  .niche-card-2__single:hover .niche-card-2__icon:before {
    transform: scale(1.5);
  }
  
  .niche-card-2__icon span {
    font-size: 34px;
    color: var(--color-pp);
    position: relative;
    display: inline-block;
  }
  
  .niche-card-2__icon img{
    height: 40px;
    display: inline-block;
  }

  .niche-card-2__title {
    font-size: 24px;
    font-weight: 500;
    font-family: var(--font-family-header);
    color: var(--color-black);
    text-transform: uppercase;
    line-height: 29px;
    margin-top: 16px;
    margin-bottom: 25px;
  }
  
  .niche-card-2__title a {
    color: var(--color-black);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }
  
  .niche-card-2__title a:hover {
    color: var(--color-pp);
  }
  
  .niche-card-2__text {
    margin: 0;
    padding-bottom: 9px;
  }
  
  .niche-card-2__arrow {
    color: var(--color-b-black);
    font-size: 30px;
    font-family: 600;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }

  .niche-card-2__arrow span.icon-arrow-right{
    color: var(--color-b-black);
  }
  
  .niche-card-2__arrow:hover {
    color: var(--color-pp);
  }

 @media (min-width:1920px){
    .niche-grid {
      width: 70%;
    }
 }
  @media (max-width: 1024px) {
    .niche-grid {
      grid-template-columns: repeat(3, 1fr);
    }
  }
  @media (max-width: 768px) {
    .niche-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  @media (max-width: 480px) {
    .niche-grid {
      grid-template-columns: 1fr;
    }
  }


/*-- ------------
Niches End
------------ */
/*---------------------------------
## Error Page
-----------------------------------*/
.error-page {
  position: relative;
  display: block;
  padding: 100px 0 120px;
}

.error-page__inner {
  position: relative;
  display: block;
  text-align: center;
}

.error-page__title {
  position: relative;
  display: inline-block;
  font-size: 300px;
  line-height: 350px;
  letter-spacing: 0.2em;
  font-weight: 200;
  margin-bottom: 16px;
}

.error-page__tagline {
  font-size: 40px;
  line-height: 49px;
  margin-bottom: 19px;
  text-transform: uppercase;
  font-weight: 500;
}

.error-page__text {
  margin: 0;
  line-height: 1.6em;
}

.error-page__form {
  position: relative;
  display: block;
  margin: 61px auto 20px;
}

.error-page__form-input {
  position: relative;
  display: block;
  max-width: 550px;
  width: 100%;
  margin: 0 auto;
}

.error-page__form input[type=text] {
  height: 68px;
  width: 100%;
  border: none;
  outline: none;
  background-color: var(--color-brand-1);
  font-size: 18px;
  color: var(--qutiiz-gray);
  font-weight: 400;
  padding-left: 50px;
  padding-right: 75px;
  border-radius: var(--border-radius-6);
}

.error-page__form button[type=submit] {
  background-color: transparent;
  color: var(--color-black);
  font-size: 22px;
  position: absolute;
  top: 0;
  right: 0px;
  bottom: 0;
  width: 70px;
  outline: none;
  border: none;
  display: flex;
  align-items: center;
  padding: 0;
}

@media (max-width:992px) {
 
  .error-page__title {
  font-size: 180px;
  line-height: 50px;
  margin-bottom: 100px !important;
  font-weight: 400;
}
}


@media (max-width:768px) {
  .error-page__title {
  font-size: 100px;
  line-height: 30px;
  margin-bottom: 50px !important;
  font-weight: 600;
}
.error-page__tagline {
  font-size: 20px;
  line-height: 49px;
  margin-bottom: 19px;
  text-transform: uppercase;
  font-weight: 500;
}

}


/* ---------------------------------------
Why 2 info 
------------------------------------------*/
.why-2-section-pricing{
    background-color: var(--color-gray);
}
.why-2-wrapper{
    width: 80%;
    margin: auto;
}

.why-2-title{
    width: 100%;
    text-align: center;
    margin-bottom: 70px;
}
.why-2-title h2{
    font-size: 40px;
    font-weight: 900;
    color: var(--color-black);
    text-transform: capitalize;
    text-align: center;
}
.why-2-title p{
    text-align: center;
}

.why-2-card{
    position: relative;
    border: 2px solid var(--color-gray);
    background-color: var(--color-white);
    box-shadow: rgba(0, 0 ,0, 0.09);
    padding: 30px 20px;
    border-radius: 16px;
    text-align: center;
}
.why-2-card .w2-icon{
    position: absolute;
    left: 50%;
    top: -30px;
    transform: translateX(-50%);
    width: 70px;
    height: 70px;
    border: 3px solid var(--color-gray);
    border-radius: 50%;
    background-color:  var(--color-white);
    display: flex;
    align-items: center;
    justify-content: center;
}
.why-2-card .w2-icon img{
    width: 35px;
    height: 35px;

}
.why-2-card h3{
    font-size: 19px;
    margin-top: 40px;
    font-weight: 900;
    margin-bottom: 10px;
    text-transform: capitalize;
    color: var(--color-black);
}
.why-2-card p{
    font-size: 15px;
}
.why-2-card p span{
    font-weight: 600;
}

@media (min-width:1920px) {
    .section-wrapper{
        width: 80%;
        margin: auto;
    }
   
    .why-2-wrapper{
        width: 60%;
    }
   
}

@media (max-width:992px) {
    .why-card{
        margin-bottom: 40px;
    }
    .why-card img{
        height: 45px;
        margin-bottom: 10px;
    }
    .why-card  h3{
        font-size: 24px;
        font-weight: 900;
    }
    .why-card p{
        text-align: left;
    }
    /* Why 2 */
    .why-2-wrapper{
        width: 90%;
    }

    .why-2-card{
        padding: 30px;
    }

    .why-2-mobile-version{
        width: 100%;
        margin-top: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.why-2-card:last-child{
    width: 340px;
}
}

@media (max-width:440px) {
   
    .why-2-mobile-version{
        margin-top: 0px;
    }
    .why-2-wrapper{
        width: 95%;
    }

    .why-2-card{
        padding: 20px;
    }

    .why-2-card:first-child{
        margin-bottom: 70px;
    }

.why-2-card:last-child{
    width: 100%
}
}

/* fast . Realiable . Effeciancy */
.fast_realiable_effie{
    background: linear-gradient(to left, #1a1a2e, #16213e, #0f3460);
}
.fre_wrapper{
    width: 90%;
    margin: auto;
}

.fre_title{
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
}
.fre_title h2{
    font-size: 40px;
    font-weight: 900;
    text-align: center;
    color: var(--color-white);
    margin-bottom: 10px;
}
.fre_title p{
    text-align: center;
    color: var(--color-white);
    font-size: 18px;
}
.fre_card{
    padding: 30px 40px;
    background-color: rgba(0, 0 ,0, 0.1);
    border-radius: 6px;
}
.fre_card img{
    height: 50px;
    margin-bottom: 15px;
}
.fre_card h3{
    font-size: 19px;
    text-align: left;
    color: var(--color-white);
    margin-bottom: 15px;
}
.fre_card p{
    text-align: left;
    color: var(--color-gray);
}


/*-- ------------
Why End
------------ */


/* ---------------------------------
  Quote Start
--------------------------------- */
.quote-section{
  background-color: var(--color-gray);
}

.quote-form-wrapper{
    width: 650px;
   background-color: var(--color-white);
    margin: auto;
    border-radius: var(--border-radius-6);
    overflow: hidden;
}

.quote-form-title{
    padding: 20px;
    border-bottom: 5px solid var(--color-gray);
    background-color: var(--color-pp);
}
.quote-form-title h3{
    font-size: 30px;
    font-weight: 600;
    color: var(--color-white);
    text-transform: uppercase;
    font-family: var(--font-family-header);
}
.quote-form-title p{
    text-align: left;
    font-weight: 300;
    color: var(--color-gray);
}

.quote_form_main {
    width: 100%;
    padding: 20px 30px;
   
}

.quote_form_main .input_control{
    width: 100%;
    margin-bottom: 15px;
}

.quote_form_main .input_control .error{
    font-size: 15px;
    text-transform: lowercase;
    color: rgb(246, 15, 15);
}

.quote_form_main .input_control label{
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--color-black);
    font-family: var(--font-family-header);
}
.quote_form_main .input_control input,
.quote_form_main .input_control select,
.quote_form_main .input_control textarea{
    height: 60px;
    width: 100%;
    border: none;
    background-color: #f6f4f9;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: var(--border-radius-6);
    outline: none;
    color: var(--color-black);
    display: block;
}

.quote_form_main .input_control input:focus,
.quote_form_main .input_control select:focus,
.quote_form_main .input_control textarea:focus{
    border: 1px solid var(--color-pp);
}



.quote_form_main .input_control select option{
    font-size: 14px;
}


.quote_form_main .input_control select::placeholder{
    width: 100%;
    height: 95%;
    padding-left: 10px;
    outline: none;
    border: none;
    border-radius: 2px;
    color: var(--color-black) !important;
    font-family: var(--font-family-header);
    font-weight: 600;
    text-transform: uppercase;
}
.quote_form_main .input_control textarea{
    padding-top: 10px;
    min-height: 120px;
}
.quote_form_main #website_url { display: none; }
.quote_form_main .terms {
     font-size: 12px;
      color: var(--color-text); 
      text-align: left; 
      margin-top: 15px;
      line-height: 1.2;
     }
     
.quote_form_main .terms a{
     color: var(--color-pp);
}
.quote_form_main .input_control_button{
width: 100%;
margin-top: 15px;
}
.quote_form_main .input_control_button button{
    width: 100%; 
    font-family: var(--font-family-header);
}


@media (min-width:1920px){
    .quote-form-wrapper{
        width: 40%;
    }
}
@media (max-width:992px){
    .quote-form-wrapper{
        width: 90%;
    }
}
@media (max-width:768px){
    .quote-section{
        padding: 60px 0px;
        background-color: var(--color-white);
      }
    .quote-form-wrapper{
        width: 100%;
    }

    .quote_form_main {
        padding: 40px 20px;
       
    }
}

/* ---------------------------------
  Quote End
--------------------------------- */

/*-- ------------
Pricing End
------------ */
.price-section{
  width: 100%;
  padding: 80px 0px;
  background-color: var(--color-brand-1);
}

.pricing-wrapper{
  width: 90%;
  margin: auto;
}

.price-title{
  width: 100%;
  text-align: center;
  margin-bottom: 50px;
}
.price-title h2{
  font-size: 40px;
  font-weight: 600;
  font-family: var(--font-family-header);
  text-transform: uppercase;
  color: var(--color-black);
}
.price-title p{
  text-align: center;
}
/* Tab Buttons start */
.tab_menu_price_container{
  width: 100%;
margin-bottom: 70px;
text-align: center;
}
.tab_menu_price_container .tabs_buttons{
  min-width: 100%;
  overflow: hidden;
}
.tab_menu_price_container .tabs_buttons button.tablinks{
  font-size: 18px;
  font-weight: 500;
  background-color: var(--color-white);
  font-family: var(--font-family-header);
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 30px;
  transition: 0.3s;
  border-radius: var(--border-radius-6);
  margin-right: 15px;
  text-transform: capitalize;
}
.tab_menu_price_container .tabs_buttons button.tablinks:hover{
   background-color: #ddd;
}

.tab_menu_price_container .tabs_buttons button.tablinks.active{
background-color: var(--color-pp);
color: var(--color-white);
}


/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border-top: none;
}

.tabcontent {
  animation: fadeEffect 1s;
}

@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

/* Tab Buttons End */

/* Price options */
.price_card_oo{
    width: 100%;
    max-height: 100%;
    padding: 20px 0px;
    border: 1px solid var(--color-gray);
    border-radius: 6px;
    background-color: var(--color-white);
}

.price_card_oo_star{
  border: 2px solid var(--color-pp);
  padding-top: 0;
  margin-top: -30px;
}
.price_card_oo_star > p{
  font-size: 15px;
  font-weight: 400;
    font-family: var(--font-family-header);
  text-align: center;
  padding:3px 20px 3px;
  background-color: var(--color-pp);
  color: var(--color-white);
  text-transform: uppercase;
}

.price_card_oo .price_card_oo_header{
    padding: 10px 20px;
    width: 100%;
    min-height: 100px;
    text-align: left;
}
.price_card_oo .price_card_oo_header h3{
    font-size: 24px;
    font-weight: 700;
    font-family: var(--font-family-header);
    color: var(--color-black);
    margin-bottom: 15px;
    text-transform: uppercase;
}
.price_card_oo .price_card_oo_header p{
    font-size: 14px;
    color: var(--color-text-2);
    line-height: 1.2;
}
/* Price Tags Start */
.price_card_oo .price_card_oo_cost_tags{
    padding: 10px 20px;
    width: 100%;
    text-align: left;
     border-top: 3px solid var(--color-gray);
     margin-bottom: 15px;
}

.price_card_oo .price_card_oo_cost_tags h4{
    color: var(--color-black);
    font-family: var(--font-family-header);
    padding-bottom: 0;
    margin-bottom: 0;
}
.price_card_oo .price_card_oo_cost_tags h4 sup{
    font-weight: 600;
}
.price_card_oo .price_card_oo_cost_tags h4 span{
    font-size: 30px;
    font-weight: 900;
    font-family: var(--font-family-header);
}
.price_card_oo .price_card_oo_cost_tags h4 sub{
    font-size: 13px;
    font-weight: 600;
}
.price_card_oo .price_card_oo_cost_tags p{
  display: none;
        font-size: 13px;
        font-weight: 500;
        color: var(--color-text);
    }
/* Price Tags End */
.price_card_oo .price_card_cta_btn{
     padding: 0px 15px;
    text-align: left;
    margin-bottom: 25px;
}

.price_card_oo .price_card_cta_btn .thm-btn{
  width: 100%;
  padding: 15px !important;
  text-align: center;
  font-weight: 400;
}

.price_card_oo .price_card_lists{
    padding: 0px 20px;
}
.price_card_oo .price_card_lists h5{
    font-size: 12px;
    font-weight: 600;
    color: var(--color-black);
    margin-bottom: 10px;
    text-transform: uppercase;
}
.price_card_oo .price_card_lists ul{
    width: 100%;
}
.price_card_oo .price_card_lists ul li{
  
    width: 100%;
    display: flex;
    align-items: start;
    justify-content: flex-start;
    color: var(--color-black);
    text-transform: capitalize;
}
.price_card_oo .price_card_lists ul li i{
  display: inline-block;
  color: var(--color-pp);
    margin-right: 10px;
    font-size: 16px;
}

.price_card_oo .price_card_lists ul li p{
  font-weight: 400;
      /* font-size: 14px !important; */
      margin-bottom: 0;
      padding-bottom: 0;
      color: var(--color-black);
}


@media (min-width:1920px) {
  .pricing-wrapper{
    width: 60%;
  }
}

@media (max-width:992px){

.tab_menu_price_container .tabs_buttons button.tablinks{
 margin-bottom: 20px;
}

.price_card_oo{
  margin-bottom: 40px;
}
.price_card_oo_star{
   margin-top: 0px;
}
}
@media (max-width:768px){}



.testimonial-two {
  position: relative;
  display: block;
  background-color: #f6f4f9;
  overflow: hidden;
  padding: 120px 0 120px;
  z-index: 1;
}

.testimonial-two-map {
  position: absolute;
  top: 120px;
  left: 50%;
  height: 486px;
  width: 1005px;
  transform: translateX(-50%);
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0.05;
  z-index: -1;
}

  .swiper-pagination-portfolio{
    position: absolute;
    bottom: 10px; 
    left: 50%;
    transform: translate(-50, -50%);
    z-index: 10;
  } 

  .swiper-pagination-portfolio {
    width: 12px;
    height: 12px;
    border-radius: 3%;
    margin: 0 5px;
    transition: background-color 0.3s ease;
  }
  
  .swiper-pagination-portfolio .swiper-pagination-bullet:hover {
    background-color: var(--color-pp);  
  }


/* -----------------------
#   Process Start
--------------------------*/
.process_section{
    position: relative;
    padding: 120px 0px;
    background-color: var(--color-pp);
}

.process-title .section-title2-title{
    color: var(--color-white) !important;
}

.process-title .section-title__tagline{
    color: var(--color-white);
}
.process-title .section-title__tagline::before{
    background-color: var(--color-gray);
}

.process-card-single{
    position: relative;
    padding: 20px;
    background-color: rgba(233, 235, 236, 0.06);
    text-align: left;
    border-radius: var(--border-radius-6);
}

.process-card-single .process-step{
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: 0.2;
}
.process-card-single .process-step span{
    font-size: 40px;
    color: var(--color-brand-1);
    font-weight: 600;
    font-family: var(--font-family-header);
}
.process-card-single img{
    width: 40px;
    color: var(--color-white);
    margin-bottom: 15px;

}
.process-card-single h4{
    font-size: 18px;
    font-weight: 600;
    font-family: var(--font-family-header);
    color: var(--color-white);
    text-transform: uppercase;
}
.process-card-single p{
    font-weight: 300;
    color: var(--color-gray2);
}

@media (min-width:1920px) {
    .process_section .container{
        width: 60%;
    }
}

@media (max-width:992px) {
    .process_section{
        padding: 80px 0px 60px;
    }
    .process-card-single{
        margin-bottom: 40px;
    }
}

/* -----------------------
#   Process End
--------------------------*/

/* ------------------------
      Testimonal Start
-------------------------- */
.section-testimonial{
  padding: 80px 0px 150px;
  background-color: var(--color-brand-1);
}
.testimonial-wrapper{
  width: 80%;
  margin: auto;
}

.testimonial-header{
  width: 100%;
  text-align: center;
  margin-bottom: 50px;
}
.testimonial-header h2{
 font-size: 35px;
 font-weight: 700;
 font-family: var(--font-family-header);
 text-transform: uppercase;
}
.testimonial-header p{
  text-align: center;
}

/* Testimonial section Two */
.testimonial-two {
    position: relative;
    display: block;
    background-color: #f6f4f9;
    overflow: hidden;
    padding: 100px 0 100px;
    z-index: 1;
  }
  
  .testimonial-two-map {
    position: absolute;
    top: 120px;
    left: 50%;
    height: 486px;
    width: 1005px;
    transform: translateX(-50%);
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0.05;
    z-index: -1;
  }

.testimonial-card {
    background:  var(--color-white);
    padding: 40px 30px;
    border-radius: var(--border-radius-6);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    transition: 500ms ease-out;
    cursor: pointer;

}

.testimonial-text{
  width: 100%;
  min-height: 130px;
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: column;
}
.testimonial-text p{
  text-align: left;
  font-style: italic;
  font-weight: 400;
  color: var(--color-black)!important;
}

  .testimonial-card_page{
    height: auto;
    margin-bottom: 40px !important;
  }
  .testimonial-card .user_info{
    width: 100%;
    padding-top: 15px;
    display: flex;
    align-items: center;
    justify-content: start;
    position: relative;
  }

  .testimonial-card .user_info::before{
    position: absolute;
    width: 100%;
    height: 3px;
    top: 0;
    left: 0;
    content: '';
    background-color: var(--color-gray);
    transition: 500ms ease-in-out;
  }

  .testimonial-card:hover .user_info::before{
    width: 100%;
    background-color: var(--color-pp);
  }

  .testimonial-card .user_info .user_img{
    width: 60px;
    height: 60px;
    margin-right: 10px;
    border-radius: 50%;
    border: 2px solid var(--color-pp);
    padding: 1px;
    overflow: hidden;
  }

  .testimonial-card .user_info .user_img img{
    width: 100%;
    display: inline-block;
  }

  .testimonial-card .user_info .user_data{
    max-width: 100%;
  }
  .testimonial-card .user_info .user_data h4{
    font-size: 16px;
    font-family: var(--font-family-header);
    text-transform: uppercase;
    margin-bottom: 0 !important;
    font-weight: 600;
    color: var(--color-black) !important;
  }
  .testimonial-card .user_info .user_data p{
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
     font-family: var(--font-family-header);
  }
  
  .testimonial-card p {
    font-size: 1rem;
    color: #333;
    margin-bottom: 1rem;
  }
  
  .testimonial-card h4 {
    font-weight: bold;
    color: #555;
  }

    
  .testimonial-card h5 {
    font-weight: 400;
  }

  .swiper-wrapper{
    margin-bottom: 50px;
  }
  

  .swiper-slide {
    padding: 10px;
  }

/* Customize the pagination */
.swiper-pagination {
    position: absolute;
    bottom: 10px; 
    left: 50%;
    transform: translate(-50, -50%);
    z-index: 10;
  }
  
  .swiper-pagination-bullet {
    background-color: var(--color-black); 
    width: 12px;
    height: 12px;
    border-radius: 3%;
    margin: 0 5px;
    transition: background-color 0.3s ease;
  }
  
  .swiper-pagination-bullet-active {
    background-color: var(--color-pp);  
  }
  
  .swiper-pagination-bullet:hover {
    background-color: var(--color-pp);  
  }
  
  /* Trusted Clients */
  .lp_trusted_clients{
    width: 100%;
  }

.trusted_clients_card{
    width: 100%;
    max-height: 90px;
    padding:15px 10px;
    border-radius: 2px;
    background-color: var(--color-brand-1);
    margin-bottom: 40px;
    text-align: center;
    transition: 0.4s ease-in-out;
    cursor: pointer;
}
.trusted_clients_card:hover{
    transform: scale(1.1);
}
.trusted_clients_card img{
    height: 50px !important;
}

@media (min-width:1920px){
  .testimonial-wrapper{
  width: 60%;
  }
}

@media (max-width:992px){
  .testimonial-wrapper{
  width: 90%;
  }
}
@media (max-width:768px){

}

/*-----------------------------
# Portfolio Start
-------------------------------*/

/* Portfolio One First*/
 .portfolio-section-one{
    position: relative;
    padding: 100px 0px !important;
 }

 .portfolio-wrapper-one{
    width: 90%;
    margin: auto;
 }

 .bg_brand{
    background-color: var(--color-brand-1);
 }

/* Portfolio Two Start */
.project-section2 {
    position: relative;
    display: block;
    padding: 100px 0 60px;
  }

  .portfolio-wrapper{
    width: 90%;
    margin: auto;
}
  .project-card__container {
    position: relative;
    display: block;
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
  }
  
  .project-card__carousel {
    position: relative;
    display: block;
  }
  
  .project-card__single {
    position: relative;
    display: block;
  }

  .portfolio-card-one{
    margin-bottom: 45px !important;
  }
  
  .project-card__img {
    position: relative;
    display: block;
    background-color: var(--color-black);
    border-radius: var(--border-radius-6);
  }
  
  .project-card__img img {
    width: 100%;
    mix-blend-mode: luminosity;
    border-radius: var(--border-radius-6);
    transition: transform 500ms ease, mix-blend-mode 500ms ease;
  }
  
  .project-card__single:hover .project-card__img img {
    mix-blend-mode: normal;
  }
  
  .project-card__hover {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 31px 58px 30px;
    padding-right: 40px;
    transform: scaleY(0);
    transform-origin: center;
    transform-style: preserve-3d;
    transition: all 0.5s cubic-bezier(0.62, 0.21, 0.45, 1.52);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    z-index: 1;
  }

  .project-card__hover2{
    padding: 31px 18px 30px !important;
    padding-right: 40px !important;
  }

  .project-card__hover2 .project-card__title {
    font-size: 20px;
    text-transform: uppercase;
    line-height: 24px;
  }
  
  .project-card__single:hover .project-card__hover {
    transform: scaleY(1);
  }
  
  .project-card__hover:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background-color:rgba(16, 32, 57, 0.9);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    z-index: -1;
  }
  
  .project-card__tagline {
    position: relative;
    display: inline-block;
    font-size: 12px;
    color: var(--color-white);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin: 0;
    line-height: 20px;
    font-weight: 500;
    font-family: var(--font-family-header);
    margin-bottom: 10px;
  }
  
  .project-card__tagline:before {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    height: 1px;
    width: -webkit-fill-available;
    background-color: var(--color-pp);
  }
  
  .project-card__title {
    font-size: 24px;
    text-transform: uppercase;
    line-height: 24px;
  }
  
  .project-card__title a {
    color: var(--color-white);
    transition: all 500ms ease;
  }
  
  .project-card__title a:hover {
    color: var(--color-pp);
  }

.portfolio-btn-more{
    width: 100%;
    text-align: center;
}

@media (min-width:1920px){
    .portfolio-wrapper-one{
        width: 60%;
    }
}
@media (max-width:992px){
    .portfolio-wrapper-one{
      max-width: 100%;
    }
}
@media (max-width:768px){}
/*-- ----------------------------------------
Portfolio End
---------------------------------------- --*/
/*--------------------------------------------------------------
# Project Details
--------------------------------------------------------------*/
.project-details {
  position: relative;
  display: block;
  padding: 100px 0 100px;
}

.project-details__img {
  position: relative;
  display: block;
  background-color: var(--color-black);
  border-radius: var(--border-radius-6);
}

.project-details__img img {
  width: 100%;
  mix-blend-mode: luminosity;
  border-radius: var(--border-radius-6);
}

.project-details__content {
  position: relative;
  display: block;
  margin-top: 58px;
}

.project-details__content-left {
  position: relative;
  display: block;
  margin-top: -9px;
}

.project-details__content-title {
  font-size: 34px;
  text-transform: uppercase;
  line-height: 40px;
  margin-bottom: 20px;
  font-weight: 500;
  font-family: var(--font-family-header);
}

.project-details__content-text-1 {
  margin-bottom: 15px;
}

.project-details__content-text-2 {
 margin-bottom: 40px;
}

.project-details__points {
  position: relative;
  display: block;
}

.project-details__points li {
  position: relative;
  display: flex;
}

.project-details__points li + li {
  margin-top: 79px;
}

.project-details__points li .icon {
  position: relative;
  display: block;
  top: 4px;
}

.project-details__points li .icon span {
  font-size: 64px;
  color: var(--color-pp);
  position: relative;
  display: inline-block;
  transition: all 500ms linear;
  transition-delay: 0.1s;
}

.project-details__points li:hover .icon span {
  transform: rotateY(360deg);
  color: var(--color-black);
}

.project-details__points li .text {
  margin-left: 40px;
}

.project-details__points li .text h4 {
  font-size: 24px;
  font-weight: 500;
  font-family: var(--font-family-header);
  text-transform: uppercase;
}

.project-details__points li .text p {
  margin: 0;
}

.project-details__content-right {
  position: relative;
  display: block;
}

.project-details__details-box {
  position: relative;
  display: block;
  background-color: #f6f4f9;
  padding: 52px 60px 58px;
  border-radius: var(--border-radius-6);
}

.project-details__details-info {
  position: relative;
  display: block;
}

.project-details__details-info-single + .project-details__details-info-single {
  margin-top: 15px;
}

.project-details__details-info-client {
  font-size: 20px;
  text-transform: uppercase;
  line-height: 28px;
  font-weight: 500;
   font-family: var(--font-family-header);
}

.project-details__details-info-name {
  font-size: 18px;
  margin: 0;
  line-height: 28px;
  text-transform: capitalize;
}

.project-details__details-url{
  color: var(--color-black);
}
.project-details__details-url:hover{
  text-decoration: underline !important;
  color: var(--color-pp);
}

.project-details__details-info-name span.category::after {
  content: ", ";
}

.project-details__details-info-name span.category:last-child::after {
  content: " ";
}

.project-details__details-social-list {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  border-top: 3px solid var(--color-white);
  padding-top: 29px;
  margin-top: 22px;
}

.project-details__details-social-list a {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
  color: var(--qutiiz-black);
  font-size: 20px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.project-details__details-social-list a + a {
  margin-left: 30px;
}

.project-details__details-social-list a:hover {
  color: var(--qutiiz-primary);
}

@media (min-width:1920px){}
@media (max-width:992px){
  .project-details__content-left{
    margin-bottom: 50px;
  }
  .project-details__points li {
  position: relative;
  flex-direction: column;
}
.project-details__points li .icon span {
  font-size: 40px;
  margin-bottom: 20px;
}
.project-details__points li .text {
  margin-left: 0px;
}
}
@media (max-width:768px){}

/*--------------------------------------------------------------
# CTA One
--------------------------------------------------------------*/
.cta-one {
  position: relative;
  display: block;
  padding: 100px 0 120px;
  overflow: hidden;
}

.cta-one-shape-1 {
  position: absolute;
  top: -333px;
  right: 50px;
  width: 495px;
  height: 360px;
  background-color: var(--color-pp);
  mix-blend-mode: screen;
  border-radius: 30px;
  z-index: 1;
  transform: rotate(45deg);
  animation: rectMove 9s linear 0ms infinite;
}

.cta-one-shape-2 {
  position: absolute;
  top: -175px;
  right: -350px;
  width: 495px;
  height: 360px;
  background-color: var(--color-black);
  mix-blend-mode: soft-light;
  border-radius: 30px;
  transform: rotate(45deg);
  animation: rectMove 9s linear 1000ms infinite;
}

.cta-one-shape-3 {
  position: absolute;
  top: 313px;
  left: -184px;
  width: 495px;
  height: 360px;
  background-color: var(--color-white);
  mix-blend-mode: soft-light;
  border-radius: 30px;
  z-index: 1;
  transform: rotate(45deg);
  animation: rectMove 9s linear 0ms infinite;
}

.cta-one__inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--color-pp);
  border-radius: var(--border-radius-6);
  padding: 90px 80px 90px;
  overflow: hidden;
}

.cta-one__left {
  position: relative;
  display: block;
}

.cta-one__title {
  font-size: 40px;
  color: var(--color-white);
  text-transform: uppercase;
  line-height: 48px;
}

.cta-one__right {
  position: relative;
  display: block;
}

.cta-one__btn {
  color: var(--color-black);
  background-color: var(--color-white);
}

.cta-one__btn:hover {
  background-color: transparent;
}


/*-- ------------
Blog Start 
------------ --*/
.blog-section{
    padding-bottom: 100px;
}

.blog-section-bg-color{
     background-color: var(--color-brand-1);
}
.blog-wrapper{
    width: 90%;
    margin: auto;
}


/* Blog Card */
.blog-thumbnail{
    width: 100%;
    border-radius: 6px;
    box-shadow: 0px 4px 19px rgba(0, 0 ,0, 0.09);
    overflow: hidden;
    margin-bottom: 50px;
    background-color: var(--color-white);
    transition: 0.4s ease-in-out;
}

.blog-thumbnail:hover{
  background-color: var(--pattern-pearl);
}

.thumbnail-img{
  position: relative;
}


.thumbnail-img img{
    width: 100%;
    display: block;
}



.blog_post_title{
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.blog-thumbnail .blog_post_title h3{
    margin-bottom: 20px;
     font-size: 22px;
    font-family: var(--font-family-header);
    font-weight: 700;
    text-transform: uppercase;
}
.blog-thumbnail .blog_post_title h3 a{
  
    color: var(--color-black);
    transition: 0.4s ease-in;
    
}
.blog-thumbnail .blog_post_title h3 a:hover{
    color: var(--color-pp);
    text-decoration: underline;
}
.post-author{
  display: flex;
  align-items: center;
}
.post-author .author-img{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 16px;
}
.post-author .author-img img{
  width: 100%;
}
.post-author p{
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0;
  padding-bottom: 0;
  color: var(--color-b-black);
}

/* Page navigation Control */
.blog__page__nav{
  width: 100%;
  text-align: center;
  margin-top: 50px;
}
.blog__page__nav ul{
  min-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0px 30px;
}

.blog__page__nav ul li a{
  font-size: 18px;
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-radius: var(--border-radius-6);
  background-color: var(--color-brand-1);
  border: 1px solid var(--color-text);
  transition: 0.4s ease-in;
   color: var(--color-black);
}
.blog__page__nav ul li a:hover{
  color: var(--color-white);
 background-color: var(--color-pp);
}

.blog__page__nav ul li a.active{
  color: var(--color-white);
  background-color: var(--color-pp);
}
.blog__page__nav ul li.hide-this-control-nav{
  display: none;
}

/* other blog */
@media (min-width:1920px){
  .blog-wrapper{
    width: 60%;
}
}
@media(max-width:992px){

}
@media(max-width:450px){
    .blog-wrapper{
        width: 95%;
    }
}


/*-- ------------
Blog End
------------ --*/
/*-- -------------------------------
    Blog Details Start
------------------------------- --*/
.blog-detail-section{
   position: relative;
  display: block;
  padding: 80px 0 120px;
}
.blog-detail-wrapper{
  width: 100%;
}
.blog-detail-left{
  position: relative;
  display: block;
}
.blog-article{
  width: 100%;
}
.blog-detail-main__img{
  position: relative;
  display: block;
  border-radius: var(--border-radius-6);
  margin-bottom: 30px;
  background-color: var(--color-black, #04000b);
}
.blog-detail-main__img img{
   width: 100%;
  /* mix-blend-mode: luminosity; */
  border-radius: var(--border-radius-6);
}

/* Table Of Contents */
.content_anchor_link{
  width: 70%;
  padding: 25px;
  border-radius: 3px;
  background-color: var(--color-brand-1);
  margin: 40px 0px;
}
.content_anchor_link .content_anchor_header{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.content_anchor_link .content_anchor_header p{
    color: var(--color-b-black);
    font-family: var(--font-family-header);
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    margin-bottom: 5px;
}
.content_anchor_link .content_anchor_header span{
    border: 1px solid var(--color-b-black);
    padding: 4px;
    margin-bottom: 5px;
    cursor: pointer;
    border-radius: var(--border-radius-6);
}
.content_anchor_link .content_anchor_header span:hover{
    color: var(--color-pp);
}
/* TOC links items */
.content_anchor_link ul{
  position: relative;
    margin-top: 20px;
    padding-top: 10px;
    width: 100%;
    transition: 0.4s ease-in-out;
}

.content_anchor_link ul::before{
  position: absolute;
  top: -20px;
  left: 0;
  width: 130px;
  height: 2px;
  content: '';
  background-color: #0a2c6b;
}
.content_anchor_link ul.active{
    display: none;
}
.content_anchor_link ul li{
     list-style: none;
  padding: 0 0 0 25px;
  position: relative;
    color: var(--color-b-black);
    margin-bottom: 5px;
}
.content_anchor_link ul li:before{
    background: var(--color-black);
    content: "";
    display: block;
    height: 8px;
    left: 0;
    margin-top: -4px;
    position: absolute;
    top: 10px;
    width: 8px;
    border-radius: 3px;
}
.content_anchor_link ul li a{
  font-weight: 500;
color: var(--color-b-black);
}
.content_anchor_link ul li a:hover{
    color: var(--color-ppd);
    text-decoration: underline !important;
}

/* Blog Contents */

.blog-detail__contents{
  width: 100%;
}
/* Text */
.paragraph__text{
  width: 100%;
  margin-bottom: 15px;
  font-size: 18px;
}
.paragraph__text h2{
  font-size: 35px;
  font-weight: 600;
  color: var(--color-black);
}
.paragraph__text h2 a{
  color: var(--color-black);
}
.paragraph__text h2 a:hover{
  color: var(--color-pp);
}
.paragraph__text h3{
  font-weight: 600;
  font-size: 24px;
  color: var(--color-black);
}

.paragraph__text p{
  font-size: 18px;
  text-align: left;
  margin-bottom: 15px;
  color: var(--color-text2);
}

.paragraph__text p strong{
  font-weight: 600;
  color: var(--color-black);
}

.paragraph__text p a{
  color: var(--color-pp);
  font-weight: 500;
}
.paragraph__text p a:hover{
  opacity: 0.7;
  text-decoration: underline !important;
}
/* List */

.paragraph__text ul{
  width: 100%;
}

.paragraph__text ul li{
  list-style: none;
  padding: 0 0 0 25px;
  position: relative;
  margin-bottom: 5px;
  font-size: 18px;
}

.paragraph__text ul li::before{
    background: var(--color-pp);
    content: "";
    display: block;
    height: 8px;
    left: 0;
    margin-top: -4px;
    position: absolute;
    top: 10px;
    width: 8px;
}

/* share-post__bottom */
.share-post__bottom{
  width: 100%;
  padding: 20px 0px;
  border-top: 2px solid var(--color-gray);
  border-bottom: 2px solid var(--color-gray);
  margin-top: 40px;
  display: flex;
  align-self: center;
  justify-content: space-between;
}
.share-post__bottom > p{
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--color-black);
  font-family: var(--font-family-header);
}
.share-post__bottom ul{
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.share-post__bottom ul li{
  display: inline-block;
}
.share-post__bottom ul li a{
  min-width: 60px;
  font-size: 15px;
  display: inline-block;
  padding:10px 15px;
  margin-left: 10px;
  text-align: center;
  color: var(--color-white);
  transition: 0.4s ease-in;
  border-radius: 2px;
}
.share-post__bottom ul li a.fa-facebook-f{
  background-color: #1877F2;
}
.share-post__bottom ul li a.fa-linkedin{
  background-color: #0077B5;
}
.share-post__bottom ul li a.fa-x-twitter{
  background-color: #1DA1F2;
}

.share-post__bottom ul li a:hover{
opacity: 0.5;
}

/* post_bottom */
.post_bottom{
    width: 100%;
    padding: 30px;
    border-radius: 3px;
    background-color: var(--color-gray);
}
.post_bottom .pb_wrapper{
    display: flex;
    align-items: start;
    justify-content: start;
    flex-wrap: wrap;
}
.post_bottom .pb_wrapper .pb_pic{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 30px;
    border: 3px solid var(--color-pp);
}
.post_bottom .pb_wrapper .pb_pic img{
    width: 100%;
}
.post_bottom .pb_wrapper .pb_info_bio{
    flex: 2;
}

.post_bottom .pb_wrapper .pb_info_bio h3{
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: var(--font-family-header);
    color: var(--color-b-black);
    margin-bottom: 0;
}
.post_bottom .pb_wrapper .pb_info_bio p.who_text{
    font-size: 16px;
    font-style: italic;
    margin-bottom: 0;
}

.post_bottom .pb_wrapper .pb_info_bio p.bio_text{
    font-size: 16px;
}

.pb_info_bio__media{
  display: flex;
  align-items: center;
}
.pb_info_bio__media p{
  font-weight: 500;
  text-transform: uppercase;
  color: var(--color-black);
  font-family: var(--font-family-header);
  margin-right: 20px;
}
.pb_info_bio__media ul{
  display: flex;
  align-items: center;
}
.pb_info_bio__media ul li{
  margin-right: 10px;
}
.pb_info_bio__media ul li a{
  color: var(--color-text);
  transition: 0.4s all;
}
.pb_info_bio__media ul li a:hover{
  color: var(--color-black);
}



/* --------------------Right Column-------------- */
.blog_right_container_right{
  width: 100%;
}
/* Right CTA TOP start */
.cta_top_blog{
 position: relative;
 display: block;
 padding: 40px 30px;
 z-index: 1;
 background-color: var(--color-pp);
 border-radius: var(--border-radius-6);
 margin-bottom: 40px;
text-align: left;
}

.cta_top_blog_bg{
   position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--color-pp);
    opacity: 0.2;
    z-index: -1;
}

.cta_top_blog h3{
  position: relative;
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: var();
    font-family: var(--font-family-header);
    color: var(--color-white);
    margin-bottom: 40px;
}

.cta_top_blog h3::before{
 position: absolute;
 bottom: -10px;
 left: 0;
 width: 60px;
 height: 4px;
 content: '';
 background-color: var(--color-white);
}
.cta_top_blog p{
    margin-bottom: 40px;
    color: var(--color-gray);
}
.cta_top_blog a{
  width: 100%;
    background-color: var(--color-white);
    color: var(--color-black);
    text-align: center;
}

/* Recent Post start */
.related_blog_links{
    width: 100%;
    margin-bottom: 40px;
    padding: 30px 20px;
    background-color: var(--color-gray);
    border-radius: var(--border-radius-6);
}
.related_blog_links h3{
  position: relative;
    font-size: 24px;
    font-weight: 600;
     font-family: var(--font-family-header);
    margin-bottom: 20px;
    text-align: left;
    color: var(--color-b-black);
    text-transform: uppercase;
}

.related_blog_links h3::before{
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 100px;
  height: 2px;
  content: '';
  background-color: var(--color-pp);
}
.related_blog_links ul{
    width: 100%;
    margin-top: 30px;
}
.related_blog_links ul li{
  list-style: none;
  padding: 0 0 0 25px;
  position: relative;
  margin-bottom: 10px;
  transition: 0.4s ease-in;
}

.related_blog_links ul li::before{
  background: var(--color-pp);
    content: "";
    display: block;
    height: 8px;
    left: 0;
    margin-top: -5px;
    position: absolute;
    top: 10px;
    width: 8px;
}

.related_blog_links ul li:hover a{
   text-decoration: underline !important;
}

.related_blog_links ul li:last-child{
    border-bottom: none !important;
    margin-bottom: 0 !important;
}
.related_blog_links ul li a{
   display: flex;
   align-items: center;
}
.related_blog_links ul li a img{
  width: 60px;
  height: 60px;
  display: inline-block;
  border-radius: var(--border-radius-6);
  margin-right: 10px;
}

.related_blog_links ul li a span{
    font-size: 17px;
    color: var(--color-black);
    display: block; 
    font-family: var(--font-family-header);
    text-transform: uppercase;
    font-weight: 500;
}

.related_blog_links ul li a:hover span{
    color: var(--color-pp);
}

/* cta_bottom_blog start */
.cta_bottom_blog{
    width: 100%;
    border-radius: var(--border-radius-6) !important;
    overflow: hidden;
     background-image: linear-gradient(to left , #051937, #0a2c6b);
    padding: 20px 30px;
}

.cta_bottom_blog .cta_bottom_blog_contents h4{
    font-size: 30px;
    font-weight: 600;
    font-family: var(--font-family-header);
    text-transform: uppercase;
    margin-bottom: 30px;
    color: var(--color-white);
    text-align: left;
}

.cta_bottom_blog .cta_bottom_blog_contents  p{
    text-align: left;
    margin-bottom: 30px;
    color: var(--color-white);
}

.cta_bottom_blog .cta_bottom_blog_contents div{
    width: 100%;
    text-align: center;
}
.cta_bottom_blog .cta_bottom_blog_contents div a{
    width: 100%;

}

.cta_bottom_blog .cta_bottom_blog_contents div p:last-child{
    font-size: 10px !important;
    font-weight: 300;
    color: var(--color-white);
    margin-bottom: 0;
    text-align: center;
}

@media (min-width:1920px){}
@media (max-width:992px){
  .blog-detail-left{
    margin-bottom: 50px;
  }

.related_blog_links ul li:last-child{
    display:none;
}

}
@media (max-width:768px){
  .post_bottom .pb_wrapper{
    flex-direction: column;
  }
  .content_anchor_link{
     width: 100%;
}

.paragraph__text{
  width: 100%;
  margin-bottom: 15px;
  font-size: 18px;
}
.paragraph__text h2{
  font-size: 24px;
}
.paragraph__text h3{
  font-size: 20px;
}
.share-post__bottom{
  flex-direction: column;
}

.share-post__bottom ul li a{
  margin-left: 0;
  margin-right: 10px;
}

  .post_bottom .pb_wrapper .pb_pic{
    width: 80px;
    height: 80px;
    margin-right: 0px;
    border: 1px solid var(--color-pp);
    margin-bottom: 20px;
}
.related_blog_links{
  padding: 30px !important;
}
.related_blog_links ul li:last-child{
    display:block;
}

.pb_info_bio__media{
  display: flex;
  align-items: start;
  flex-direction: column;
}

}

/*-- -------------------------------
    Blog Details end
------------------------------- --*/

/* -----------------------------
Footer Start 
-------------------------------*/
#footer{
    position: relative;
    z-index: 1;
}

/* Footer Top CTA */
.site-footer__top {
    position: relative;
    display: block;
    background-color: var(--color-black);
    padding: 51px 0px;
}

.site-footer__top_wrapper{
      width: 90%;
      margin: auto;
}

.footer_logo{
    width: 100%;
    height: 100%;
    display: inline-block;
    display: flex;
    align-items: center;
}
.footer_logo img{
    height: 25px;
    display: inline-block;
}

.mini_cta_call{
    width: 100%;
    text-align: center;
    display: inline-block;
  }
  .mini_cta_call h2{
    font-size: 25px;
    font-weight: 500;
    color: var(--color-white);
    font-family: var(--font-family-header);
    text-transform: uppercase;
    line-height: 34px;
    word-spacing: 0;
    margin-bottom: 0;
  }
  .mini_cta_call a{
    font-size: 20px;
    position: relative;
    display: inline-block;
    color: var(--color-gray2);
    transition: 500ms;
  }

  .mini_cta_call a:hover{
    color: var(--color-white);
  }
  .mini_cta_call a::before{
    position: absolute;
    bottom: 4px;
    left: 0px;
    right: 0px;
    content: "";
    background-color: var(--color-pp);
    height: 2px;
  }

  /* Whatsapp Button */
  .whatsapp_chat{
    width: 100%;
  }
  .whatsapp_chat a{
    display: inline-block;
    font-size: 19px;
    padding: 10px 20px;
    background-color: #075E54;
    border-radius: 6px;
    color: var(--color-white);
    text-transform: uppercase;
    font-family: var(--font-family-header);
    transition: 0.4s ease;
  }
  .whatsapp_chat a i.fa{
    color: var(--color-white);
    margin-left: 20px;
  }

  .whatsapp_chat a:hover{
    background-color: #25D366;
  }

  @media (min-width:1920px){
  .site-footer__top_wrapper{
        width: 60%;
  }
  }

  @media (max-width:992px) {
  
  
  .footer_logo{
      justify-content: center;
      margin-bottom: 20px;
  }
  .footer_logo img{
      height: 30px;
  }

  .mini_cta_call{
    margin-bottom: 30px;
  }
    .whatsapp_chat{
        text-align: center;
      }
  }

/*  */

.footer_3-wrapper{
    width: 90%;
    margin: auto;
}

.site-footer__middle {
    position: relative;
    display: block;
    background-color: #04000b;
    padding-top: 80px;
    z-index: 1;
}

.site-footer-shape {
    position: absolute;
    inset: 0px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0.1;
    z-index: -1;
}

.site-footer__middle-contents{
    padding-bottom: 40px;
}


/* Footer Items Lists */
.about_footer,
.items_footer{
    width: 100%;
}

.about_footer h3,
.items_footer h3{
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--color-white) !important;
    margin-bottom: 20px;
    
}

.about_footer p{
    color: var(--color-gray2);
}
.about_footer ul{
    position: relative;
    width: 100%;
    padding-top: 15px;
    margin-bottom: 0;
}

.about_footer ul::before{
    position: absolute;
    top: 0%;
    left: 0;
    width: 80%;
    height: 0.3px;
    content: '';
    background-color: var(--color-gray);
}
.about_footer ul li{
    color: var(--color-gray2);
    margin: 5px;
}

.about_footer ul li i.fa{
    margin-right: 5px;
    color: var(--color-white);
}

.items_footer ul li{
    width: 100%;
    margin-bottom: 10px;
}
.about_footer ul li:last-child,
.items_footer ul li:last-child{
    margin-bottom: 0 !important;
}
.about_footer ul li > a{
    text-transform: none !important;
}
.about_footer ul li > a,
.items_footer ul li a{
    text-transform: capitalize;
    color: var(--color-gray2);
    position: relative;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    transition: 500ms;
}
.about_footer ul li a:hover,
.items_footer ul li a:hover{
    color: var(--color-white);
}

.items_footer ul li a::before{
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    content: "";
    background-color: var(--color-white);
    height: 1px;
    transition: transform 500ms;
    transform: scale(0, 1);
    transform-origin: left center;
}

.items_footer ul li a:hover::before{
    transform: scale(1, 1);
    transform-origin: right center;
}


.items_footer ul li a:hover{
    color: var(--color-white);
}

/* footer__media */
#footer__media{
    width: 100%;
}
#footer__media{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 30px;
}

#footer__media::before{
    position: absolute;
    top: 0%;
    left: 0;
    width: 100%;
    height: 0.3px;
    content: '';
    background-color: var(--color-gray);
}
#footer__media li{
  display: inline-block;
}
#footer__media li a{
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    text-align: center;
    color: var(--color-white);
    background-color: var(--color-pp);
    transition: 0.4s ease-in-out;
}
#footer__media li a:hover{
    background-color: var(--color-white);
    color: var(--color-pp);
}
/* Site footer Bottom */
.site-footer__bottom{
    width: 100%;
    border-top: 1px solid var(--color-gray);
    padding-top: 15px;
}

.site-footer__bottom-contents{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.site-footer__bottom-left{
    max-width: 100%;
}
.site-footer__bottom-left p{
    text-transform: capitalize;
    color: var(--color-gray2) !important;
    font-size: 15px;
    font-weight: 500;
    transition: 500ms;
}
.site-footer__bottom-left p a{
    text-transform: uppercase;
    color: var(--color-gray2);
    font-size: 15px;
    font-weight: 500;
    transition: 500ms;
}
.site-footer__bottom-left p a:hover{
    color: var(--color-pp);
}

.site-footer__bottom-right{
    max-width: 100%;
}
.site-footer__bottom-right ul{
    width: 100%;
}
.site-footer__bottom-right ul li{
    display: inline-block;
}

.site-footer__bottom-right ul li a{
    text-transform: capitalize;
    color: var(--color-gray2);
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    transition: 500ms;
}
.site-footer__bottom-right ul li a:hover{
    color: var(--color-white);
}

.site-footer__bottom-right ul li:first-child{
    margin-right: 15px;
}


@media (min-width:1920px) {
    .footer_3-wrapper{
        width: 60%;
    }
}

@media (max-width:992px) {
    .about_footer,
    .items_footer{
        margin-bottom: 40px;
    }
    #footer__media{
        justify-content: start;
    }

    #footer__media li{
        margin-right: 20px;
    }
}
@media (max-width:500px) {
    .site-footer__bottom-left,
     .site-footer__bottom-right,
     .site-footer__bottom-right ul{
        text-align: center;
    } 
}


/* Copyright End */

/* --------------
 # Policy privacy
 #Terms & Condition
 ## Start
----------------- */

.page_policy_terms{
    background-color: var(--color-white) !important;
}
.info_text_wrapper_oo{
    width: 50%;
    margin: auto;
}

.info_text_wrapper_oo .tc_table_contents{
  max-width: 350px;
  padding: 20px;
  margin-bottom: 30px;
  background-color: var(--color-brand-1);
  border-radius: var(--border-radius-6);
}

.info_text_wrapper_oo .tc_table_contents h2{
  font-size: 24px;
  position: relative;
  margin-bottom: 15px;
}
.info_text_wrapper_oo .tc_table_contents h2:before{
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 120px;
  height: 2px;
  background-color: var(--color-pp);
  border-radius: 3px;
}

.info_text_wrapper_oo .tc_table_contents ul{
  width: 100%;
}
.info_text_wrapper_oo .tc_table_contents ul li{

    max-width: 100%;
    margin-bottom: 5px;
}
.info_text_wrapper_oo .tc_table_contents ul li a{
    color: var(--color-black);
    transition: 0.4s ;
    font-weight: 500;
}
.info_text_wrapper_oo .tc_table_contents ul li a:hover{
    text-decoration: underline !important;
    color: var(--color-pp);
}
.info_text_wrapper_oo div{
    margin-bottom: 30px;
}
.info_text_wrapper_oo div h2{ 
    font-size: 34px;
    text-transform: capitalize;
    color: var(--color-black) !important;
    text-align: left;
    font-weight: 500;
}
.info_text_wrapper_oo div p{
    margin-bottom: 5px;

}

.info_text_wrapper_oo div ul{
    margin: 10px 0px;
}
.info_text_wrapper_oo div ul li{
  list-style: none;
  padding: 0 0 0 25px;
  position: relative;
  margin-bottom: 10px;
}

.info_text_wrapper_oo div ul li::after{
 background: var(--color-pp);
    content: "";
    display: block;
    height: 8px;
    left: 0;
    margin-top: -5px;
    position: absolute;
    top: 10px;
    width: 8px;
}

@media(min-width:1920px){}
@media(max-width:992px){
  .page_policy_terms{
    background-color: var(--color-white) !important;
}
   .info_text_wrapper_oo{
    width: 90%;
    margin: auto;
}
}

@media(max-width:768px){
  
.info_text_wrapper_oo .tc_table_contents{
  width: 100%;
}
}
/* --------------
 # Policy privacy
 #Terms & Condition
 ## End
----------------- */

/*Get Started*/

.get-started-section{
    padding: 140px 0px 100px;
    width: 100%;
}

.get-started-wrapper{
    width: 90%;
    margin: auto;
}

/* Banner Text */
.booking_banner_title{
    width: 100%;
}

.booking_banner_title ul.bk_lists{
    display: flex;
    align-items: center;
    justify-content: start;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.booking_banner_title ul.bk_lists li{
    padding: 10px 30px;
    background-color: rgba(10, 44, 107,0.9);
    margin-right: 10px;
    border-radius: 25px;
    color: var(--color-white);
    font-size: 14px;
    margin-bottom: 10px;
}
.booking_banner_title ul.bk_lists{
    width: 100%;
}


/* Booking Form */
.booking_form_container{
    width: 100%;
    padding: 20px 30px;
    box-shadow: 0px 15px 50px rgba(0, 0 ,0, 0.09);
}


.booking-form-title{
    text-align: left;
    border-bottom: 4px solid var(--color-pp);
    padding-bottom: 5px;
    margin-bottom: 20px;
}
.booking-form-title h2{
     font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: var(--font-family-header);
    text-align: left;
    margin-bottom: 0;
    
}
.booking-form-title p{
    padding-bottom: 0;
    margin-bottom: 0;
}

.bform_control{
    width: 100%;
    margin-bottom: 10px;
}

.bform_control label{
    display: inline-block;
    text-align: left;
    color: var(--color-black);
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 3px;
    font-family: var(--font-family-header);
}

.bform_control .error{
    font-size: 12px;
    text-transform: lowercase;
    color: red;
}
.bform_control label > span{
    font-size: 10px;
}

.bform_control input,
.bform_control select{
    height: 60px;
    width: 100%;
    border: none;
    background-color: #f6f4f9;
    padding: 0px 15px;
    border-radius: var(--border-radius-6);
    outline: none;
    font-size: 16px;
    color: var(--qutiiz-gray);
    display: block;
}

.bform_control input:focus{
    border: 1px solid var(--color-pp);
}

.bform_control input::placeholder,
.bform_control select::placeholder{
    color: var(--color-black);
    font-size: 14px !important;
    opacity: 0.5; 
}

.bform_control select{
    font-weight: 400;
}

.bform_control select option:disabled{
    font-size: 14px;
    font-weight: 300;
}


.bform_policy{
    width: 100%;
    margin-bottom: 20px;
}
.bform_policy p{
    font-size: 13px;
    font-weight: 400;
    line-height: 1.3;
    color: var(--color-text);
}

.bform_btn{
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
}
.bform_btn button {
    width: 100%;
    font-family: var(--font-family-header);
}


@media (min-width:1920px){
    .get-started-wrapper{
        width: 60%;
    }
}
@media (max-width:992px){
    .booking_form_container{
        width: 100%;
        padding: 20px 15px;
        box-shadow: 0px 15px 50px rgba(0, 0 ,0, 0.09);
        margin-bottom: 40px;
    }
}
@media (max-width:768px){
    .get-started-wrapper{
        width: 95%;
    }
}

 /*-------------------------
 #Schudule End 
 ----------------------------*/

/*---------------------------
 #Contact Start 
---------------------------*/
.contact-info {
    position: relative;
    display: block;
    padding: 100px 0 0;
  }
  
  .contact-info__single {
    position: relative;
    display: block;
    background-color: #f6f4f9;
    border-radius: var(--border-radius-6);
    text-align: center;
    padding: 50px 60px 41px;
    margin-bottom: 30px;
  }
  
  .contact-info__icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    width: 100px;
    background-color: var(--color-pp);
    border-radius: 50%;
    margin: 0 auto;
    z-index: 1;
  }
  
  .contact-info__icon:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background-color: var(--color-black);
    border-radius: 50%;
    transform: scale(0);
    transform-origin: center;
    transform-style: preserve-3d;
    transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);
    z-index: -1;
  }
  
  .contact-info__single:hover .contact-info__icon:before {
    transform: scaleX(1);
  }
  
  .contact-info__icon span.fa {
    position: relative;
    display: inline-block;
    font-size: 44px;
    color: var(--color-white);
    transition: all 500ms linear;
    transition-delay: 0.1s;
    transform: scale(1);
  }
  
  .contact-info__single:hover .contact-info__icon span.fa {
    transform: scale(0.9);
  }
  
  .contact-info__title {
    font-size: 24px;
    font-weight: 600;
    font-family: var(--font-family-header);
    line-height: 30px;
    text-transform: uppercase;
    line-height: 40px;
    margin-top: 20px;
  }
  
  .contact-info__text {
    margin: 0;
    line-height: 30px;
  }
  
  .contact-info__single h4 {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
  }
  
  .contact-info__mail {
    color: var(--color-text2);
    display: block;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }
  
  .contact-info__mail:hover {
    color: var(--color-pp);
  }
  
  .contact-info__phone {
    color: var(--color-text2);
    display: block;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }
  
  .contact-info__phone:hover {
    color: var(--color-pp);
  }
  
  .contact-info__single-last {
    padding-bottom: 60px;
  }

  @media (min-width:1920px) {
    .contact_top_info_wrapper{
        margin: 60%;
        margin: auto;
    }
  }

  @media (max-width:500px) {
    .contact-info__single {
        padding: 50px 30px 41px;
      }
  }
/* Contact Info end*/

/* Contact Form */
.page_contact{
  padding-top:60px ;
}

.form_contact_wrapper{
    width: 60%;
    margin: auto;
}

/* Contact form title */
.contact_form_wrapper_inner{
    display: block;
}


/* Form */


.form_main_contact{
    width: 100%;
}
 .form_input{
    width: 100%;
    margin-bottom: 15px;
}

 .form_input input,
 .form_input textarea{
    height: 68px;
    width: 100%;
    border: none;
    background-color: #f6f4f9;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 10px;
    border-radius: var(--border-radius-6);
    outline: none;
    color: var(--color-black);
    display: block;
}
 .form_input input:focus,
 .form_input textarea:focus{
  border: 1px solid var(--color-pp);
 }

.form_input .error,
 .form_input .error{
    color: red;
    font-size: 15px;
 }

 

 .form_input_textarea{
    width: 100%;
}

.form_input textarea{
    font-size: 14px;
    color: var(--color-black);
    height: 175px;
    width: 100%;
    background-color: #f6f4f9;
    padding: 18px 30px 30px;
    border: none;
    border-radius: 0px;
    outline: none;
    margin-bottom: 0px;
    border-radius: var(--border-radius-6);
  
}

.form_btn{
    width: 100%;
    text-align: center;
}

.google_map{
    width: 100%;
    height: 410px;
    background-color: var(--color-black);
}

@media(min-width:1920px){
    .form_contact_wrapper{
        width: 40%;
    }
}

@media (max-width:992px) {
    .form_contact_wrapper{
        width: 90%;
        margin: auto;
    }
} 
 @media (max-width:768px) {

 }

/* --------------
 # Contact End
----------------- */

/* ---------------------------------
 # Faqs Start
---------------------------------- */
.section-faqs-one{
  background-color: var(--color-brand-1);
}
.faqs-one-wrapper{
  width: 60%;
  margin: auto;
}

/* FAQS */
.accordin_box{
    width: 100%;
    margin: auto;
  }


/* Faq2 Pages Bottoms */
.bg-3{
  background-color: var(--color-brand-1) !important;
}
.wrapper-faqs2{
  width: 60%;
  margin: auto;
}
.wrapper-faq2{
    margin-bottom: 15px !important;
    padding: 0;
    border-radius: var(--border-radius-6);
    background-color: var(--color-white);
    overflow: hidden;
}
  .toggle-faq2{
    width: 100%;
   padding:15px 20px 15px;
   background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 18px;
    font-family: var(--font-family-header);
     color: var(--color-black) !important;
    font-weight: 500;
    background-color: var(--color-white);
    transition: 0.4s ease-in-out;
    text-align: left !important;
  }

  .toggle-faq2.activezz{
    background-color: var(--color-pp) !important;
    color: var(--color-white) !important;
  }

  .toggle-faq2:hover{
    color: var(--color-white) !important;
    background-color: var(--color-pp) !important;
  }

  .content-faq2{
    position: relative;
    text-align: justify;
    height: 0;
    overflow: hidden;
    transition: all 0.4s;
    padding: 0px 30px 0px 20px;
  }

  .content-faq2 ul{
    width: 100%;
    margin-bottom: 10px;
  }
  .content-faq2 ul li {
  list-style: none;
  padding: 0 0 0 25px;
  position: relative;
  margin-bottom: 5px;
  }
.content-faq2 ul li::before{
     background: var(--color-pp);
    content: "";
    display: block;
    height: 8px;
    left: 0;
    margin-top: -4px;
    position: absolute;
    top: 10px;
    width: 8px;
    border-radius: 50%;
  }

  .content-faq2 p:first-child{
    padding-top: 10px;
  }
  .content-faq2 p{
    padding-bottom: 10px;
    transition: 0.2s ease-in-out;
    margin-bottom: 0 !important;
  }
   .content-faq2 > p:last-child{
    padding-bottom: 20px;
  }
  .content-faq2 p a{
    color: var(--color-pp);
    font-weight: 600;
    text-decoration: underline;
  }
  .content-faq2 p a:hover{
    color: var(--color-ppd)
  }
  .content-faq2 p strong{
    font-weight: 600;
  }
  

   /* Faqs CTA */
   .faqs-cta-section{
    display: block;
    overflow: hidden;
   }

   .faqs-cta-wrapper-bottom{
    width: 90%;
    margin: auto;
   }

@media (min-width:1920px){
.faqs-one-wrapper{
    width: 50%;
    margin: auto;
}
.wrapper-faqs2{
  width: 50%;
  margin: auto;
}
 .faqs-cta-wrapper-bottom{
    width: 60%;
   }
}
@media (max-width:992px){
.faqs-one-wrapper{
    width: 90%;
    margin: auto;
}
.wrapper-faqs2{
  width: 90%;
  margin: auto;
}
}
@media (max-width:768px){
.faqs-one-wrapper{
  width: 95%;
  margin: auto;
}
.wrapper-faqs2{
  width: 95%;
  margin: auto;
}
.faqs-cta-wrapper-bottom{
    width: 95%;
   }
}



/* --------------
 # Faqs End
----------------- */


/* -----------------------------------
# Niche Problem & Solutions Start
------------------------------------- */
.site-niche-section {
    position: relative;
    display: block;
    padding: 100px 0px;
  }
  
  .site-niche__left {
    position: relative;
    display: block;
    height: 100%;
    display: flex;
    align-items: center;
    border-radius: var(--border-radius-6);
  }
  
  .site-niche__img-box {
    position: relative;
    display: block;
  }
  
  .site-niche__img-box:before {
    position: absolute;
    top: 0;
    left: -47px;
    height: 320px;
    width: 90px;
    content: "";
    background-color: var(--color-pp);
    border-radius: var(--border-radius-6);
    display: none;
  }
  .site-niche__img {
    position: relative;
    display: block;
    border-radius: var(--border-radius-6);
    overflow: hidden;
    padding-right: 10px;
    padding-bottom: 10px;
  }
  
  .site-niche__img-box:hover .site-niche__img:after {
    -webkit-animation: shine 1.5s;
    animation: shine 1.5s;
  }
  
  .site-niche__img > img {
    width: 100%;
    mix-blend-mode: luminosity;
    border-radius: var(--border-radius-6);
  }

  .site-niche__img:hover img {
    mix-blend-mode: normal;
  }
  
  .site-niche__small-img {
    border-radius: var(--border-radius-6);
    background-color: var(--color-black);
    position: absolute;
    bottom: 0;
    left: -100px;
    z-index: 1;
    display: none;
  }
  
  .site-niche__small-img > img {
    border-radius: var(--border-radius-6);
    mix-blend-mode: luminosity;
  }
  
  .site-niche__right {
    position: relative;
    display: block;
  }
  
  .site-niche__right .section-title {
    margin-bottom: 30px;
  }
  
  .site-niche__text {
    margin-bottom: 20px;
  }
  
  
  .site-niche__points-box {
    position: relative;
    display: block;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  .site-niche__points {
   width: 100%;
  }
  
  .site-niche__points li {
    position: relative;
    display: flex;
    align-items: start;
  }
  
  .site-niche__points li + li {
    margin-top: -10px;
  }
  
  .site-niche__points li .icon {
    position: relative;
    top: 1px;
  }
  
  .site-niche__points li .icon span {
    font-size: 15px;
    font-weight: 900;
    color: var(--color-pp);
    transition: all 500ms ease;
    transform: scale(1);
  }
  
  .site-niche__points li:hover .icon span {
    transform: scale(0.85);
  }
  
  .site-niche__points li .text {
    margin-left: 10px;
  }
  
  .site-niche__points li .text p {
    font-weight: 500;
    color: var(--color-black);
  }

  @media (min-width:1920px){
    .site-niche-section .container{
        width: 60%;
      }
      
    
      
  }
  @media (max-width:992px){
      .site-niche__left {
        margin-bottom: 50px;
      }
  }
  @media (max-width:768px){
    .site-niche__left {
        margin-bottom: 50px;
        margin-right: 0;
      }
    .site-niche__small-img {
        display: none;
      }   
  }
/* -----------------------------------
# Niche Problem & Solutions End
------------------------------------- */

/* -----------------------------------
# Features & Bebifits Start
------------------------------------- */

.fb-section{
    position: relative;
    padding: 120px 0px;
    background-color: var(--color-brand-1);
}
/* left Colum */
.fb-left{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: baseline;
}
.fb-left-container{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px 10px;
}
.fb-single-card{
    flex-basis: 2;
    width: 160px;
    padding: 15px;
    background-color: #ffffff;
    border-radius: var(--border-radius-6);
    transition: 0.4s ease-in-out;
    cursor: pointer;
}

.fb-single-card:hover{
    transform: scale(1.1);
}
.fb-single-card img{
    height: 25px;
    margin-bottom: 10px;
}
.fb-single-card h3{
    font-size: 15px;
    font-weight: 500;
    font-family: var(--font-family-header);
    text-transform: uppercase;
}
.fb-single-card p{
    display: none;
}
/* Right Column */

.bf_right{
    width: 100%;
    padding-right: 10px;;
}
.bf_right .section-title2{
    margin-bottom: 20px;
}
.bf_right .fb-text-intro{
    text-align: left;
    margin-bottom: 20px;
}

.fb-benefits-list{
    width: 100%;
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    gap: 20px;
}
.fb-benefits-list li{
    max-width: 100%;
    padding:10px 15px;
    border-radius: 25px;
    display: flex;
    align-items: center;
    background-color: rgba(75, 37, 190, 0.1);
    white-space: none;
}
.fb-benefits-list li > span{
 width: 25px;
 height: 25px;
 line-height: 30px;
 border-radius: 50%;
 font-size: 14px;
 text-align: center;
 background-color: #0a2c6b;
margin-right: 10px;
padding-bottom: 3px;
color: var(--color-white);
   
}
.fb-benefits-list li i{
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    font-family: var(--font-family-header);
    display: block;
}

@media (min-width:1920px){
    .fb-section .container{
        width: 60%;
    }
}
@media (max-width:992px){
    .fb-section .container .row{
        flex-direction: column-reverse;
    }

    .fb-left-container{
        gap: 30px 40px;
    }
    .fb-single-card{
        width: 200px;
    }


    .bf_right{
        margin-bottom: 50px;
    }
}
@media (max-width:768px){
    .fb-left-container{
        justify-content: space-around;
        gap: 0 5px;
    }
    .fb-single-card{
        width: 40%;
        margin-bottom: 20px;
    }

}

/* -----------------------------------
#  Features & Bebifits End
------------------------------------- */



.nich_intro_section{
    width: 100%;
    padding: 80px 0px 100px;
}

.nich_intro_wrapper{
    width: 90%;
    margin: auto;
}
.niche-intro-container{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    align-content: center;
}
.nich_intro_title{
    width: 100%;
    text-align: left;
}
.nich_intro_title h2{
    font-size: 40px;
    font-weight: 900;
    color: var(--color-black);
    margin-bottom: 10px;
}
.nich_intro_title h2 span{
    color: var(--color-pp);
}
.nich_intro_title p{
    text-align: left;
    margin-bottom: 10px;
}
.nich_intro_title p a{
    font-weight: 400;
    color: var(--color-pp);
}

.nich_intro_title ul{
    width: 100%;
    margin-top: 30px;
}
.nich_intro_title ul a{
    display: inline-block;
    border-radius: 3px;
}
.nich_intro_title ul a.btn_start{
    padding: 16px 30px;
    background-color: var(--color-pp);
    color: var(--color-white);
    margin-right: 20px;
}

.nich_intro_title ul a.btn_back{
    padding: 15px 30px;
    border: 1px solid var(--color-pp);
    color: var(--color-pp);
    transition: 0.4s ease-in-out;
}

.nich_intro_title ul a.btn_back:hover{
    background-color: var(--color-pp);
    transform: scale(0.9);
    color: var(--color-white);
}
.nich_intro_img{
    width: 100%;
}
.nich_intro_img img{
    width: 100%;
    border-radius: 3px;
}

@media (min-width:1920px) {
    .nich_intro_wrapper{
        width: 60%;
    }
}
@media (max-width:992px) {
    .nich_intro_wrapper{
        width: 90%;
    }
    .niche-intro-container{
        height: auto;
       margin-bottom: 50px;
    }
    .nich_intro_title h2{
        font-size: 48px;
    }
    
    .nich_intro_title p{
        margin-bottom: 10px;
    }
    .nich_intro_img{
        height: auto;
    }
}
@media (max-width:450px) {
    .nich_intro_title h2{
        font-size: 28px;
    }
}
/* Nich Intro End */

/* -------------------------
info_service_wrapper 
----------------------*/
.info_section{
    padding-bottom: 120px;
}
  .info_service_wrapper{
    margin: auto;
    width: 90%;
  }
/* service_left_col */
.service-details__sidebar {
    position: relative;
    display: block;
  }
  
  .service-details__sidebar-service {
    position: relative;
    display: block;
    background-color: #f6f4f9;
    border-radius: var(--border-radius-6);
    padding: 29px 30px 33px;
  }
  
  .service-details__sidebar-service-list {
    margin: 0;
  }
  
  .service-details__sidebar-service-list li + li {
    margin-top: 7px;
  }
  
  .service-details__sidebar-service-list li a {
    color: var(--color-text);
    font-size: 18px;
    font-weight: 400;
    position: relative;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    display: block;
    background: none;
    padding: 10px 20px;
    text-transform: capitalize;
    border-radius: var(--border-radius-6);
    font-family: var(--font-family-header);
  }
  
  .service-details__sidebar-service-list li.current a,
  .service-details__sidebar-service-list li a:hover {
    background-color: rgb(255, 255, 255);
    color: var(--color-black);
  }
  
  .service-details__sidebar-service-list li a span {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%) scale(0);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    color: var(--color-ppd);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
  }
  
  .service-details__sidebar-service-list li.current a span,
  .service-details__sidebar-service-list li a:hover span {
    transform: translateY(-50%) scale(1);
  }
  
  .service-details__need-help {
    position: relative;
    display: block;
    padding: 60px 50px 49px;
    margin-top: 50px;
    text-align: center;
    z-index: 1;
    background-color: var(--color-pp);
    border-radius: var(--border-radius-6);
  }
  
  .service-details__need-help-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--color-pp);
    opacity: 0.1;
    z-index: -1;
  }
  
  .service-details__need-help-icon {
    height: 85px;
    width: 85px;
    background-color: var(--color-white);
    color: var(--color-pp);
    font-size: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 auto 19px;
    transition: all 500ms ease;
  }
  
  .service-details__need-help-icon:hover {
    background-color: var(--color-black);
    color: var(--color-white);
  }
  
  .service-details__need-help-title {
    font-size: 34px;
    color: var(--color-white);
    line-height: 44px;
    text-transform: uppercase;
    font-family: var(--font-family-header);
  }
  
  .service-details__need-help-contact {
    position: relative;
    display: block;
    margin-top: 36px;
  }
  
  .service-details__need-help-contact p {
    font-size: 16px;
    color: var(--color-white);
    margin: 0;
    line-height: 18px;
    text-transform: uppercase;
    font-family: var(--font-family-header);
    letter-spacing: 0.1em;
  }
  
  .service-details__need-help-contact a {
    font-size: 30px;
    color: var(--color-white);
    font-family: var(--font-family-header);
    font-weight: 500;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }
  
  .service-details__need-help-contact a:hover {
    color: var(--color-b-black);
  }
  
  .service-details__download {
    position: relative;
    display: block;
    margin-top: 30px;
  }
  
  .service-details__download-btn {
    width: 100%;
    position: relative;
    display: inline-block;
    background-color: var(--color-b-black);
    border-radius: var(--border-radius-6);
    padding: 20px 32px 20px;
    text-align: center;
    font-size: 16px;
    color: var(--color-white);
    font-family: var(--font-family-header);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 600;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }
  
  .service-details__download-btn:hover {
    background-color: var(--color-pp);
    color: var(--color-white);
  }

  /* Services Right Col */
  .service_detail_content{
    width: 100%;

  }
  .service_detail_content .sd_text{
    width: 100%;
    padding-bottom: 30px;
    border-bottom: 1px solid var(--color-gray);
    transition: 0.4s ease-in;
  }
  .service_detail_content .sd_text img{
    width: 100%;
    margin-bottom: 20px;
    border-radius: 6px;
    mix-blend-mode: luminosity;
  }

  .service_detail_content .sd_text:hover img{
    mix-blend-mode: normal;
  }
  .service_detail_content .sd_text h2{
    font-size:  36px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 20px;
  }
  .service_detail_content .sd_text p{
    margin-bottom: 20px;
    color: var(--color-text);
  }

  .service_detail_content .sd_text p.text-point{
    color: var(--color-pp);
  }



  /* service_list_points */
  .service_list_points{
    width: 100%;
    padding: 50px 0px;
    border-bottom: 1px solid var(--color-gray);
  }

.slp-title{
    width: 100%;
    margin-bottom: 20px;
  }
.slp-title h3{
     font-size: 36px ;
    font-weight: 600 ;
    text-transform: uppercase;
    text-align: left;
    font-family: var(--font-family-header); 
  }
  .slp-title p{
    text-align: left;
    margin-bottom: 20px;
    padding-right: 10%;
  }

  .slp-title p.sub-text-2{
    padding-right: 0 !important;
  }
  
 
  /*  */
 
  .sl_point_card__single {
    position: relative;
    display: block;
    border-radius: var(--border-radius-6);
    border: 1px solid transparent;
    background-color: var(--color-brand-1);
    padding: 38px 15px 24px;
    margin-bottom: 30px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
  }
  
  .servicessl_point_card:hover {
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
    border: 1px solid #e2e0e5;
  }
  
  .sl_point_card__icon {
    position: relative;
    display: inline-block;
  }
  
  .sl_point_card__icon:before {
    position: absolute;
    bottom: 8px;
    right: -19px;
    border-radius: 50%;
    background-color: rgb(98, 34, 204);
    opacity: 0.1;
    width: 47px;
    height: 47px;
    content: "";
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
  }
  
  .sl_point_card__single:hover .sl_point_card__icon:before {
    transform: scale(1.5);
  }
  
  .sl_point_card__icon span {
    font-size: 34px;
    color: var(--color-pp);
    position: relative;
    display: inline-block;
  }
  
  .sl_point_card__icon img{
    height: 40px;
    display: inline-block;
  }

  .sl_point_card__title {
    font-size: 24px;
    font-weight: 500;
    font-family: var(--font-family-header);
    color: var(--color-black);
    text-transform: uppercase;
    line-height: 29px;
    margin-top: 16px;
    margin-bottom: 25px;
  }
  
  .sl_point_card__text {
    margin: 0;
    padding-bottom: 9px;
  }


  /* service_list_items */
 .service_list_items_container{
    width: 100%;
    padding: 30px 0px;
  }

  .sl_items{
    width: 100%;
  }
  .sl_items h4{
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
  }
 
  .sl_items ul.lists-benefits{
    width: 100%;
  }
  .sl_items ul.lists-benefits li {
    font-size: 17px;
    margin-bottom: 8px;
    width: 100%;
    font-weight: 500;
    color: var(--color-black);
    font-family: var(--font-family-header);
  }
  .sl_items ul li i{
    color: var(--color-pp);
    font-weight: 900;
    margin-right: 10px;
  }

  .sl_items_img{
    width: 100%;
    height: 100%;
    border-radius: var(--border-radius-6);
    overflow: hidden;
  }
  .sl_items_img img{
    width: 100%;
    display: inline-block;
    mix-blend-mode: luminosity;
    transition: 0.4s ease-in;
  }

    .sl_items_img:hover img{
      mix-blend-mode: normal;
    }

  /* Faqs */
  .sl_faq{
    text-align: left;
    padding: 40px 0px;
  }
  .sl_faq h4{
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 20px;
  }
  .sl_faq > p{
    margin-bottom: 0;
    text-decoration: dotted;
  }
  /* ----------- cta services  start--------*/
.cta-sb__inner{
  position: relative;
  display: block;
  padding: 50px;
  background-color: var(--color-pp);
  border-radius: var(--border-radius-6);
  overflow: hidden;
}

.cta-sb-shape-1 {
  position: absolute;
  top: -333px;
  right: 50px;
  width: 495px;
  height: 360px;
  background-color: var(--color-pp);
  mix-blend-mode: screen;
  border-radius: 30px;
  z-index: 1;
  transform: rotate(45deg);
  animation: rectMove 9s linear 0ms infinite;
}

.cta-sb-shape-2 {
  position: absolute;
  top: -175px;
  right: -350px;
  width: 495px;
  height: 360px;
  background-color: var(--color-black);
  mix-blend-mode: soft-light;
  border-radius: 30px;
  transform: rotate(45deg);
  animation: rectMove 9s linear 1000ms infinite;
}

.cta-sb-shape-3 {
  position: absolute;
  top: 213px;
  left: -184px;
  width: 495px;
  height: 360px;
  background-color: var(--color-white);
  mix-blend-mode: soft-light;
  border-radius: 30px;
  z-index: 1;
  transform: rotate(45deg);
  animation: rectMove 9s linear 0ms infinite;
}

.cta-sb-content {
  position: relative;
  display: block;
}

.cta-sb-content .cta-sb__title {
  font-size: 40px;
  font-weight: 500;
  color: var(--color-white);
  text-transform: uppercase;
  line-height: 48px;
  margin-bottom: 30px;
}


.cta-sb-content .cta-sb__btn {
  color: var(--color-black);
  padding: 17px 30px !important;
  background-color: var(--color-white);
}

.cta-sb-content .cta-sb__btn:hover {
  background-color: transparent;
  color: var(--color-white);
}

@media (max-width:992px){
  .cta-sb-content{
  text-align: center;
}
}
@media (max-width:768px){
  .cta-sb__inner{
  padding: 50px 15px;
}

.cta-sb-content .cta-sb__title {
  font-size: 30px;
  color: var(--color-white);
  text-transform: uppercase;
  line-height: 48px;
  margin-bottom: 30px;
}
.cta-sb-content .cta-sb__title br{
  display: none;
}
}

/* ----------- cta services  end--------*/

@media (min-width:1920px) {
    .info_service_wrapper{
        width: 60%;
    }
}

@media (max-width:992px) {
    .info_service_wrapper > .row{
        flex-direction: column-reverse;
    }

    .service-details__sidebar{
       margin-bottom: 50px;
    }
    .service-details__need-help {
        margin-top: 0px;
      }
    .service_detail_content{
 margin-bottom: 50px;
    }
}

@media (max-width:768px) {
   .info_service_wrapper{
    width: 95%;
   }
    .service-details__need-help {
        margin-top: 50px;
      }

      .slp-title p{
        text-align: left;
        margin-bottom: 20px;
        padding-right: 10px;
      }

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

/* Text Intro Start */

/*-------------------------------------------
# About Page
---------------------------------------------*/
.about-page {
    position: relative;
    display: block;
    padding: 120px 0 120px;
  }
  
  .about-page__left {
    position: relative;
    display: block;
    margin-right: 50px;
  }
  
  .about-page__img {
    position: relative;
    display: block;
    border-radius: var(--border-radius-6);
    background-color: var(--color-black);
    overflow: hidden;
  }
  
  .about-page__img::before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    content: "";
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 10;
  }
  
  .about-page__img:hover:before {
    -webkit-animation: circle 0.75s;
    animation: circle 0.75s;
  }
  
  .about-page__img img {
    width: 100%;
    mix-blend-mode: luminosity;
    border-radius: var(--border-radius-6);
  }
  
 
  
  .about-page__right {
    position: relative;
    display: block;
  }
  
  .about-page__right .section-title {
    margin-bottom: 32px;
  }
  

  
  .about-page__right-text p{
    margin: 0;
  }
  
 @media (max-width:992px) {
    .about-page__left {
      margin-bottom: 40px;
    }
 }
 @media (max-width:768px) {
  .about-page__left {
    margin-right: 0px;
  }
 }

/*-------------------------------------------
     WEBSITE COST ESTIMATE CALCULATOR
---------------------------------------------*/
.estimate-calculator{
  background-color: var(--color-white);
}
.wec-wrapper{
  width: 550px;
  margin: auto;
}
.wec-title{
  width: 100%;
  text-align: left;
  margin-bottom: 30px;
  background-color: var(--color-black);
  padding: 20px;
  border-radius: var(--border-radius-6);
}

.wec-title h2{
  font-size: 30px;
  font-weight: 500;
  text-transform: uppercase;
    font-family: var(--font-family-header);
  color: var(--color-white);
}
.wec-title p{
  font-weight: 200;
  color: var(--color-gray);
}

/* Steps Container */
.steps-container{
  width: 100%;
  height: 100%;
  margin: auto;
  display: flex;
  flex-direction: column;
}
.single-step{
  width: 100%;
  height: auto;
  display: block;  
   /* padding: 40px; */
  margin-bottom: 40px !important;
  border-radius: var(--border-radius-6);
  background-color: var(--color-gray);
  overflow: hidden;
}
.single-step.active{ 
  display: block; 
}
.single-step h3{
  font-size: 15px;
  font-weight: 500;
  text-align: left;
  color: var(--color-white);
  text-transform: uppercase;
  margin-bottom: 20px;
  background-color: var(--color-black);
  padding: 20px;
}

.single-step .input__group{
  padding: 20px 40px;
}

.single-step label{
  font-size: 16px;
  font-weight: 500;
  color: var(--color-black);
  display: block; 
  font-family: var(--font-family-header);
  margin-bottom: 10px;
}

.single-step label input{
  margin-right: 10px;
  margin-bottom: 0;
  
}

.single-step select{
   height: 68px;
    width: 100%;
    border: none;
    background-color: var(--color-white);
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 10px;
    border-radius: var(--border-radius-6);
    outline: none;
    font-size: 16px;
    color: var(--color-black);
    display: block;
    font-family: var(--font-family-header);
}
/* .single-step h3{}
.single-step h3{}
.single-step h3{} */
.single-step .button-nav{ 
  display: flex;
  align-items: center;
  justify-content: space-between;
  display: none;
}
.single-step .button-nav button[type="button"] { 
  font-weight: 15px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 10px 15px;
  border: none;
  outline: none;
  background-color: var(--color-pp);
  color: var(--color-white);
  cursor: pointer;
  border-radius: var(--border-radius-6);
  transition: 0.4s ease-in-out;
  font-family: var(--font-family-header);
  /* margin-top: 20px;  */
}
.single-step .button-nav button[type="button"]:hover {
 background-color: var(--color-black);
 }
label { 
  display: block; 
  margin: 0px 0; 
}

/* Visul card option */
.card-options {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-top: 10px;
}

.card {
  background: white;
  border: 2px solid #ccc;
  border-radius: 12px;
  padding: 15px;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
}

.card input[type="radio"] {
  display: none;
}

.card:hover {
  border-color: #0077cc;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.card.selected {
  border-color: var(--color-pp);
  background: #f0f8ff;
}

.card-title {
  font-weight: bold;
  margin-bottom: 8px;
}

/* Website Cost Board Result */
.estimate__cost__board{
  width: 400px;
  height: 600px;
  position: fixed;
  right: 0;
  bottom: 0;
  background-color: var(--color-pp);
  z-index: 9999999;
  overflow: hidden;
  transition: 0.4s ease-in;
  border-radius: var(--border-radius-6);
}

.ecb__title{
  width: 100%;
  padding: 20px;
  background-color: var(--color-ppd);
  border-bottom: 2px solid var(--color-gray2);
}
.ecb__title h3{
  font-size: 40px;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--color-white);
   font-family: var(--font-family-header);
}

.ecb-cost__tag{
  padding: 20px;
}
.ecb-cost__tag p:first-child{
 margin-bottom: 15px;
}
.ecb-cost__tag p strong{
   font-size: 35px;
  font-family: var(--font-family-header);
  color: var(--color-white);
}
.ecb-cost__tag p.info-001{
  color: var(--color-gray);
}
/* Buttons - Download PDF / E-mail */
.cta__buttons{
  padding: 30px 20px;
}
.cta__buttons button{
   font-size: 17px;
  font-weight: 500;
width: 100%;
padding: 10px 20px;
text-align: center;
 height: 50px;
  color: var(--color-black);
  padding: 10px 20px;
  background-color: var(--color-white);
  border: none;
  outline: none;
  font-family: var(--font-family-header);
  text-transform: uppercase;
  border-radius: var(--border-radius-6);
  cursor: pointer;
   transition: 0.4s ease-in-out;
}

.cta__buttons button:hover{
   opacity: 0.6;
}

.cta__buttons button:last-child{
  margin-top: 30px;
}

/* Button Close / Hide */
.close_btn_div{
  width: 100%;
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  display: none;
  text-align: center;
 
}
.close_btn_div .close__btn{
  font-size: 17px;
  font-weight: 500;
  text-align: center;
  min-width: 200px;
  height: 40px;
  color: var(--color-black);
  padding: 10px 20px;
  background-color: var(--color-white);
  border: none;
  outline: none;
  font-family: var(--font-family-header);
  text-transform: uppercase;
  border-radius: var(--border-radius-6);
  cursor: pointer;
  transition: 0.4s ease-in-out;
 
}

.close_btn_div .close__btn:hover{
  opacity: 0.6;
}

/* Website Cost Estimate Button */
.wce__show__button-div{
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  text-align: center;
   padding: 30px 20px;
  background-color: var(--color-brand-1);
  box-shadow: 0px 4px 16px rgba(0, 0 ,0, 0.06);
  display: none;

}
.wce__show__button-div .wce__show__button{
  max-width: 100%;
  height: 45px;
  padding: 10px 30px;
  font-size: 17px;
  text-transform: uppercase;
  font-family: var(--font-family-header);
  color: var(--color-white);
  background-color: var(--color-pp);
  cursor: pointer;
  border-radius: var(--border-radius-6);
  transition: 0.4s ease-in-out;
    margin-bottom: 20px;
}

.wce__show__button-div .wce__show__button:hover{
  opacity: 0.6;
}

@media (max-width:992px) {
  /* Result Board */
.estimate__cost__board{
  width: 500px;
  height: 80vh;
  right: -100%;
  transition: 0.4s ease-in;
 
 }
 .estimate__cost__board.active{
   right: 0px !important;
 }

  .wce__show__button-div{
    display: block;
  }
 
 .close_btn_div{
  display: block;
  }
}

@media (max-width:768px) {
.wec-wrapper{
  width: 95%;
 }
 .estimate__cost__board{
  width: 100%;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
 }

/* Button */
.wce__button{
  width: 100%;
  height: 40px;
  cursor: pointer;
}

}