/*
Theme Name: Orbito
Theme URI: http://orbito.omanthemes.com/html/
Author: Orientate
Author URI: http://orbito.omanthemes.com
Description: Orbito - Creative Agency Responsive HTML5 Template
Version: 1.0
License:
License URI:
*/


/*=================================
    [Table of contents]
===================================
    01. Header Sections
    02. Slider Sections
    03. Services Sections
    04. About Sections
    05. Projects Sections
    06. Team Sections
    07. Video Sections
    08. Testimonials Sections
    09. Blog Sections
    10. Clients Sections
    11. Footer Sections
    12. Copyright Sections
    13. Contact Pages
    14. Fun Fact
    15. Pages Bannar
    16. Page Sidebar Widgets
    17. Shop Page
    18. FAQ Page
    19. Package Page
    20. Cart page
    21. Back to Top
    22. Back to Top
    23. Popup Menu
*/


/*------------------------------------------------------
/  01. Header Sections
/------------------------------------------------------*/
.form-benefit {
    background: url(../images/benefits.jpg) no-repeat center center; /* No repeat, centered */
    background-size: cover; /* Ensures the image covers the entire area without cutting */
    padding: 50px;
    position: relative; /* Make it the reference for the ::before pseudo-element */
    z-index: 1; /* Ensure that the content appears above the ::before */
}

.form-benefit::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.5); /* White color with 50% opacity */
    z-index: 0; /* Ensure the overlay is between the background and content */
}



label {
        color: #190c3a;
}
.box1, .box2, .box3 {
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 8px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  margin: 0 auto; /* Centers the boxes within their columns */
  position: relative; /* Added position */
  z-index: 1; /* Added z-index */
  background-color: white;
}

.box1 {
  background: url(../images/bg/pink.png) no-repeat center center;
  background-size: 100% 100%;
}

.box2 {
  background: url(../images/bg/space-color.png) no-repeat center center;
  background-size: 100% 100%;
}

.box3 {
  background: url(../images/bg/green.png) no-repeat center center;
  background-size: 100% 100%;
}

/* Overlay effect */
.box1::before, .box2::before, .box3::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.5); /* White color with 50% opacity */
  z-index: -1; /* Place it behind the content */
  border-radius: 8px; /* Match the border-radius of the box */
}




.box1 h4 {
    color: #ea9d9a; 
  font-size: 1.5rem;
  margin-bottom: 40px;
  text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 40px #fff;
}
.box2 h4 {
    color: #5c678f; 
  font-size: 1.5rem;
  margin-bottom: 40px;
  text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 40px #fff;
}
.box3 h4 {
    color: #7a926a;
  font-size: 1.5rem;
  margin-bottom: 40px;
  text-shadow: 0 0 10px #fff, 0 0 20px #ffff, 0 0 40px #fff;
}
.box1, .box2, .box3, p {
  color: #190c3a;
}


.header01{
    position: relative;
    min-height: 120px;
    background: #FFF;
    padding: 0 48px;
}
.fixedHeader.header01{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    box-shadow: 0px 5px 90px 0px rgba(2, 24, 93, 0.08);
    z-index: 999;
}
.headerInner{
    display: flex;
    /*justify-content: space-between;*/
    align-items: center;

    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
}
.logo{
    flex: 1;
    margin: 0;
}
.logo img{
    height: 115px;
    width: auto;
}
.mainMenu{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-family: 'Jost', sans-serif;
}
.mainMenu ul{
    margin: 51px 0 0;
    padding: 0;
    list-style: none;
    display: inline-flex;
    justify-content: center;
}
.mainMenu ul li{
    list-style: none;
    position: relative;
    margin: 0 55px 0 0;
    padding: 0 0 51px;
}
.mainMenu ul li:last-child{
    margin-right: 0;
}
.mainMenu ul li a{
    display: block;
    position: relative;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    color: #190c3a;
    margin: 0;
}
.mainMenu ul li.menu-item-has-children > a:after{
    content: '\2b';
    font-family: 'Font Awesome 6 Free';
    color: inherit;
    font-weight: 900;
    font-size: 10px;
    margin-left: 5px;
    position: relative;
    top: -.5px;
}
.mainMenu ul li:hover > a, .mainMenu ul li.active > a{
    color: #d0ad42;
}
.menu_btn, .menu_btn02{
    display: none;
}
.header01Search{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #FFF;
    z-index: 999;
    box-shadow: 0px 5px 90px 0px rgba(2, 24, 93, 0.08);
    top: -150%;
    opacity: 0;
    visibility: hidden;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.active.header01Search{
    top: 0;
    opacity: 1;
    visibility: visible;
}
.header01Search form{
    margin: 0;
    padding: 0;
    position: relative;
}
.header01Search input{
    height: 120px;
    display: block;
    width: 100%;
    border: none;
    font-size: 36px;
    font-weight: 400;
    font-family: 'Jost';
    margin: 0;
    padding: 0;
    line-height: 42px;
    color: #868b9b;
}
.header01Search button{
    position: absolute;
    right: 41px;
    top: 0;
    line-height: 1;
    font-size: 36px;
    color: #c8b7abd6;
    border: none;
    background: transparent;
    border-radius: 0;
    height: 36px;
    width: 36px;
    padding: 0;
    bottom: 0;
    margin: auto 0;
}
.header01Search button:hover{
    color: #868b9b;
}
input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }
.header01Search input::-moz-placeholder{
    color: #868b9b;
    opacity: .6;
}
.header01Search input::-ms-input-placeholder{
    color: #868b9b;
    opacity: .6;
}
.header01Search input::-webkit-input-placeholder{
    color: #868b9b;
    opacity: .6;
}
.cancleSearch{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    height: 36px;
    width: 36px;
    background: transparent;
    font-size: 36px;
    line-height: 36px;
    text-align: center;
    color: #c8b7abd6;
}
.cancleSearch:hover{
    color: #868b9b;
}


.accessArea{
    display: flex;
    flex: 1;
    justify-content: flex-end;
    margin: 33px 0 33px;
}
.headerIcons{
    display: inline-flex;
    justify-content: flex-start;
    font-size: 18px;
    line-height: 1;
    color: #190c3a;
    margin: 18px 0 18px 0;
    position: relative;
}
.headerIcons a{
    color: inherit;
    margin-right: 24px;
}
.headerIcons a:last-child{
    margin-right: 0;
}
.headerIcons a.fac{
    color: #d3ab3b;
}
.headerIcons a.twi{
    color: #d3ab3b;
}
.headerIcons a.lin{
    color: #d3ab3b;
}
.headerIcons a.ins{
    color: #d3ab3b;
}
.headerIcons a.searchToggler{
    margin-right: 34px;
    margin-left: 30px;
}
.headerIcons a.shareToggler{
    display: none;
}
.headerIcons a:hover, .headerIcons a.active{
    color: #c8b7abd6;
}
.headerCall{
    position: relative;
    padding: 10px 0 0 71px;
    min-height: 54px;
    margin: 0 0 0 36px;
}
.headerCall i{
    position: absolute;
    left: 0;
    top: 0;
    height: 54px;
    width: 54px;
    border-radius: 50%;
    text-align: center;
    line-height: 54px;
    background: #d3ab3b;
    color: #190c3a;
    font-size: 18px;
}
.headerCall h4{
    font-size: 14px;
    line-height: 1;
    margin: 0 0 7px;
}
.headerCall h3{
    font-size: 18px;
    line-height: 1;
    margin: 0;
}

.header02{
    position: absolute;
    left: 0;
    top: 15px;
    z-index: 9;
    width: 100%;
    background: transparent;
}
.fixedHeader.header02{
    background: #190c3a;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    box-shadow: 0px 5px 90px 0px rgba(2, 24, 93, 0.08);
    z-index: 999;
}
.headerInner02{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.logo2{
    position: relative;
    margin: 36px 0 36px;
}
.logo2 img{
    height: 48px;
    width: auto;
}
.mainMenu2{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-left: auto;
}
.mainMenu2 ul{
    font-family: 'Jost', sans-serif;
    margin: 0;
    padding: 0;
}
.mainMenu2 ul li{
    display: inline-block;
    list-style: none;
    margin: 52px 45px 0 0;
    padding: 0 0 52px;
    position: relative;
}
.mainMenu2 ul li a{
    font-size: 16px;
    text-transform: uppercase;
    color: #FFF;
    font-weight: 500;
    line-height: 1;
    display: block;
}
.mainMenu2 ul li.menu-item-has-children > a:after{
    content: '\2b';
    font-family: 'Font Awesome 6 Free';
    color: inherit;
    font-weight: 900;
    font-size: 10px;
    margin-left: 5px;
    position: relative;
    top: -2px;
}
.mainMenu2 > ul ul li.menu-item-has-children > a:after{
    top: 0px;
}
.mainMenu2 ul li:hover > a, .mainMenu2 ul li.active > a{
    color: #c8b7abd6;
}
.mainMenu2 .orbBtn01{
    margin: 33px 0 33px;
}
.mainMenu > ul > li > ul, .mainMenu > ul > li > ul > li > ul ,
.mainMenu2 > ul > li > ul, .mainMenu2 > ul > li > ul > li > ul {
    padding: 15px 0;
    position: absolute;
    top: 100%;
    left: -30px;
    pointer-events: none;
    display: block;
    min-width: 220px;
    border-radius: 0;
    margin: 0;
    background: #fff;
    border-bottom: 3px solid #d0ad42;
    visibility: hidden;
    opacity: 0;
    box-shadow: 0px 30px 60px 0px rgb(2 24 93 / 8%);
    z-index: 10;
    -webkit-transform: rotateX(-75deg);
    -moz-transform: rotateX(-75deg);
    transform: rotateX(-75deg);
    transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -webkit-transition: .4s;
    transition: .4s;
}
.mainMenu2 > ul > li > ul{
    top: 35px;
}
.fixedHeader .mainMenu2 > ul > li > ul{
    top: 100%;
}
.mainMenu > ul > li > ul > li > ul ,
.mainMenu2 > ul > li > ul > li > ul {
    left: calc(100% + 1px);
    top: 0;
    margin: 0;
}
.mainMenu > ul > li > ul li,
.mainMenu2 > ul > li > ul li{
    margin: 0;
    padding: 10px 30px 7px;
    width: 100%;
}
.mainMenu > ul > li > ul li a,
.mainMenu2 > ul > li > ul li a{
    display: inline;
    padding-bottom: 0px;
    -webkit-transition: all 0.35s linear;
    transition: all 0.35s linear;
    background: -webkit-gradient(linear,left top,left bottom,from(#c8b7abd6),color-stop(98%,#c8b7abd6));
    background: linear-gradient(to bottom,#c8b7abd6 0%,#c8b7abd6 98%);
    background-size: 0 1px;
    background-repeat: no-repeat;
    background-position: left 100%;
}
.mainMenu2 > ul > li > ul li a{
    color: #190c3a;
    text-transform: capitalize;
}
.mainMenu > ul > li > ul li:hover > a,
.mainMenu > ul > li > ul li:active > a,
.mainMenu2 > ul > li > ul li:hover > a,
.mainMenu2 > ul > li > ul li:active > a{
    background-size: 100% 1px;
    background-image: linear-gradient(to bottom,#c8b7abd6 0%,#c8b7abd6 98%);
}
.mainMenu > ul li:hover > ul,
.mainMenu2 > ul li:hover > ul {
    pointer-events: inherit;
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotatex(0deg);
    -moz-transform: rotatex(0deg);
    transform: rotatex(0deg);
}
.headerInner02 .orbBtn01.orbBtnBorder{
    margin-left: 5px;
}
.fixedHeader .mainMenu2 .orbBtn01 .bp-shape{
    background: #d0ad42;
}


/*------------------------------------------------------
/  02. Slider Sections
/------------------------------------------------------*/
.slider01{
    position: relative;
    background: #190c3a;
    overflow: hidden;
}
.roundAnim01{
    animation: zoom-in-zoom-out 3s ease-out infinite;
}
@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.05, 1.05);
    }
    100% {
        transform: scale(1, 1);
    }
}
.roundAnim02{
    animation: zoom-out-zoom-in 3s ease-out infinite;
}
@keyframes zoom-out-zoom-in {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(.95, .95);
    }
    100% {
        transform: scale(1, 1);
    }
}
.slider02{
    position: relative;
}
.tp-caption .orbBtn01 .bp-shape {
    display: inline-block;
    position: absolute;
    width: 25% !important;
    height: 100% !important;
    background: #190c3a !important;
    transform: translateY(150%) !important;
    border-radius: 50% !important;
    left: calc((var(--b) - 1) * 25%);
    transition: 0.5s !important;
    transition-delay: calc((var(--b) - 1) * 0.1s) !important;
    z-index: 1;
}
.tp-caption .orbBtn01:hover .bp-shape {
    transform: translateY(0) scale(2) !important;
    -moz-transform: translateY(0) scale(2) !important;
    -moz-transform: translateY(0) scale(2) !important;
}
.slider02 .tp-bannertimer, .slider01 .tp-bannertimer{
    display: none;
}
.slider02 .tparrows, .slider01 .tparrows{
    height: 60px;
    width: 60px;
    background: transparent;
    border: 2px solid #FFF;
    border-radius: 50%;
    font-size: 21px;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    color: #FFF;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.slider02 .tparrows:hover, .slider01 .tparrows:hover{
    border-color: #d0ad42;
    background: #d0ad42;
    color: #FFF;
}
.slider02 .tparrows.tp-leftarrow:before, .slider01 .tparrows.tp-leftarrow:before{
    content: '\f053';
    font-family: 'Font Awesome 6 Free';
    height: 100%;
    line-height: 56px;
}
.slider02 .tparrows.tp-rightarrow:before, .slider01 .tparrows.tp-rightarrow:before{
    content: '\f105';
    font-family: 'Font Awesome 6 Free';
    height: 100%;
    line-height: 56px;
}
.slider02 .tp-bullet, .slider01 .tp-bullet{
    width: 22px;
    height: 22px;
    border: 2px solid transparent;
    background: transparent;
    border-radius: 50%;
    margin: 0;
    padding: 0;
    letter-spacing: 0;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.slider02 .tp-bullet.selected, .slider02 .tp-bullet:hover,
.slider01 .tp-bullet.selected, .slider01 .tp-bullet:hover{
    border-color: #c8b7abd6;
}
.slider02 .tp-bullet span,
.slider01 .tp-bullet span {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 12px;
    height: 12px;
    background: #d5d6d6;
    border-radius: 50%;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.slider02 .tp-bullet.selected span, .slider02 .tp-bullet:hover span,
.slider01 .tp-bullet.selected span, .slider01 .tp-bullet:hover span{
    background: #d0ad42;
}


/*------------------------------------------------------
/  03. Offer Section
/------------------------------------------------------*/
.iconBox01{
    position: relative;
    background: #FFF;
    box-shadow: 0px 5px 90px 0px rgba(2, 24, 93, 0.08);
    border-radius: 15px;
    padding: 46px 48px 24px 47px;
    height: 300px;
}
.iconBox01 > i{
    font-size: 59px;
    color: #d3ab3b;
    line-height: 1;
    display: block;
    margin: 0 0 36px;
}
.iconBox01 h3{
    font-size: 24px;
    line-height: 1;
    margin: 0 0 31px;
}
.iconBox01 p{
    margin: 0 0 41px;
}
.iconBox01 .seperator{
    height: 1px;
    background: #d8dde7;
    margin: 0 0 22px;
}


/*------------------------------------------------------
/  04. About Sections
/------------------------------------------------------*/
.aboutImage{
    position: relative;
    text-align: left;
    padding-left: 3px;
    width: 80%;
}
.aboutImage .aiImgRow{
    position: relative;
}
.aboutImage .aiImgRow:first-of-type{
    margin: 0 0 24px;
}
.aiImgRow img{
    border-radius: 10px;
}
.aiImgRow .aiImg01{
    margin: 50px 24px 0 0;
}
.aiImgRow .aiImg03{
    margin: 0 24px 0 0;
}
.aboutContent{
    position: relative;
    padding: 0 0 0 110px;
}
.aboutContent .secTitle{
    margin: 0 0 50px;
}
.aiCounter{
    position: absolute;
    left: 180px;
    top: 217px;
    width: 100px;
    height: 100px;
    /* border-radius: 50%; */
    /* background: url(../images/shapes/22.png); */
    text-align: center;
    /* padding: 38px 35px 35px; */
}
.aiCounter h2{
    font-size: 60px;
    line-height: 1;
    color: #FFF;
    margin: 0 0 5px;
}
.aiCounter h3{
    font-size: 21px;
    line-height: 28px;
    color: #ffffff;
    margin: 0;
}
.abcCounters{
    display: flex;
    justify-content: flex-start;
    margin: 0 0 25px;
}
.circleProgressWrap{
    position: relative;
    margin: 0 30px 0 0;
    height: 96px;
    width: 96px;
}
.circleProgressWrap h3{
    font-size: 24px;
    line-height: 1;
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
}
.abcCounters p{
    font-size: 21px;
    line-height: 33px;
    color: #868b9b;
    margin: 13px 0 0;
}
.abDesc{
    margin: 0 0 37px;
}
.iconBox02{
    position: relative;
    padding-left: 66px;
}
.iconBox02 i{
    font-size: 48px;
    line-height: 1;
    color: #d0ad42;
    position: absolute;
    left: 0;
    top: -1px;
}
.iconBox02 h4{
    font-size: 21px;
    line-height: 1;
    margin: 0 0 7px;
}
.iconBox02 p{
    line-height: 36px;
    margin: 0;
}
.aboutVideo{
    position: relative;
    background: #faf3e1;
    border-radius: 10px 0 0 10px;
    overflow: hidden;
    height: auto;
}
.aboutVideo img{
    width: 100%;
    height: 100%;
    
    object-fit: cover;
}
.avConent{
    position: absolute;
    left: 60px;
    bottom: 60px;
    z-index: 2;
    padding: 6px 60px 0 126px;
    min-height: 96px;
}
.avConent a{
    display: inline-block;
    font-size: 24px;
    text-align: center;
    line-height: 96px;
    height: 96px;
    width: 96px;
    border-radius: 50%;
    color: #FFF;
    background: #d0ad42;
    position: absolute;
    left: 0;
    top: 0;
}
.avConent a i{
    position: relative;
    z-index: 2;
}
.avConent a:after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background: #c8b7abd6;
    border-radius: 50%;

    opacity: 0;
    transform: scale(.5);
    -moz-transform: scale(.5);
    -webkit-transform: scale(.5);

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.avConent a:hover:after{
    opacity: 1;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}
.avConent h3{
    font-size: 30px;
    line-height: 42px;
    color: #FFF;
    margin: 0;
}
.aboutSkills{
    height: 100%;
    position: relative;
    background: #c8b7abbd;
    border-radius: 10px 10px 10px 10px;
   padding: 15px 10px 0px 10px;
}
.aboutSkills .secTitle{
    font-size: 42px;
    line-height: 54px;
    color: #190c3a;
    margin: 0 0 20px;
}
.aboutSkills p{
    color: #5e6371;
    margin: 0 0 44px;
}
.singleSkill{
    position: relative;
    margin: 0 0 30px;
}
.singleSkill h3{
    font-size: 21px;
    line-height: 1;
    color: #190c3a;
    margin: 0 0 16px;
}
.ssMode2 h3{
    color: #190c3a;
}
.singleSkill span{
    position: absolute;
    right: 0;
    top: 5px;
    font-size: 18px;
    line-height: 1;
    color: #FFF;
}
.ssMode2 span{
    color: #5e6371;
}
.skillWrap{
    height: 6px;
    position: relative;
    width: 100%;
    background: #FFF;
    overflow: hidden;
    border-radius: 6px;
}
.ssMode2 .skillWrap{
    background: #d8dbe6;
}
.skill{
    position: absolute;
    border-radius: 6px;
    left: 0;
    top: 0;
    height: 100%;
    background: #d0ad42;
}
.aboutImage2{
    position: relative;
    margin-left: -109px;
    padding: 0 0 72px;
}
.aboutImage2 img{
    max-width: 100%;
    height: auto;
    border-radius: 10px;
}
.aboutImage2 img:first-child{
    margin: 194px 0 0px;
}
.aiCounter2{
    width: 244px;
    height: 244px;
    background: #d0ad42;
    border-radius: 50%;
    position: absolute;
    left: 197px;
    bottom: 0;
    text-align: center;
    padding: 56px 0 50px;
}
.aiCounter2 h3{
    font-size: 21px;
    line-height: 1;
    color: #FFF;
    margin: 0;
}
.aiCounter2 h2{
    font-size: 60px;
    line-height: 1;
    color: #FFF;
    margin: 18px 0 15px;
}
.aboutContent2{
    position: relative;
    padding: 0 0 0 113px;
}
.aboutContent2 > p{
    margin: 0 0 33px;
}
.aboutContent2 .secTitle{
    margin: 0 0 31px;
}
.iconBox04{
    position: relative;
    display: block;
    border: 1px solid #d8dde7;
    border-radius: 5px;
    text-align: center;
    padding: 33px 15px 38px 15px;
    margin: 0;
}
.iconBox04:hover{
    border-color: #d0ad42;
}
.iconBox04 i{
    font-size: 49px;
    color: #d0ad42;
    display: block;
    margin: 0 0 17px;
}
.iconBox04 h3{
    font-size: 18px;
    line-height: 1;
    margin: 0;
}
.abcSkillsArea{
    position: relative;
    margin: 35px 0 42px;
}
.abcSkillsArea .singleSkill{
    margin: 0 0 28px;
}
.abcFooter{
    position: relative;
    display: flex;
    justify-content: flex-start;
}
.abcFooter .headerCall{
    margin: 0 0 0 27px;
}


/*------------------------------------------------------
/  06. Portfolio Sections
/------------------------------------------------------*/
.folioItem01{
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.folioItem01 img {
    display: block;
    width: 100%;
    height: auto;
}
.folioItem01 .folioContent {
    position: absolute;
    display: block;
    width: calc(100% - 24px);
    right: auto;
    left: 12px;
    bottom: 12px;
    margin: auto;
    border-radius: 5px;
    padding: 29px 30px 22px 31px;
    background: #fbf4e5;
    overflow: hidden;
    box-sizing: border-box;
    -webkit-transform: translateX(-120%);
    -moz-transform: translateX(-120%);
    transform: translateX(-120%);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.77,0,.175,1) .1s;
    -moz-transition: -moz-transform .3s cubic-bezier(.77,0,.175,1) .1s;
    transition: transform .3s cubic-bezier(.77,0,.175,1) .1s;
}
.folioItem01:hover .folioContent {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    transform: translateX(0%);

    -webkit-transition: -webkit-transform .45s cubic-bezier(.77,0,.175,1);
    -moz-transition: -moz-transform .45s cubic-bezier(.77,0,.175,1);
    transition: transform .45s cubic-bezier(.77,0,.175,1);
}
.fcMeta{
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    line-height: 1;
    color: #c8b7abd6;
    font-weight: 500;
    margin: 0 0 14px;

    text-align: left;
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1);
    transition: transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1);
}
.folioItem01:hover .fcMeta {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: .6s cubic-bezier(.165,.84,.44,1) .2s;
    -moz-transition: .6s cubic-bezier(.165,.84,.44,1) .2s;
    transition: .6s cubic-bezier(.165,.84,.44,1) .2s;
}
.fcMeta a{
    color: inherit;
    color: #190c3a;
}
.fcMeta a:hover{
    /* color: #FFF; */
}
.folioContent h3{
    font-size: 24px;
    line-height: 33px;
    color: #FFF;
    margin: 0;

    text-align: left;
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1);
    transition: transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1);
}
.folioItem01:hover .folioContent h3 {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: .6s cubic-bezier(.165,.84,.44,1) .35s;
    -moz-transition: .6s cubic-bezier(.165,.84,.44,1) .35s;
    transition: .6s cubic-bezier(.165,.84,.44,1) .35s;
}
.folioContent h3 a{
    color: inherit;
    color: #d1b042;
}
.folioContent h3 a:hover{
    
}
.folioLink{
    position: absolute;
    right: 39px;
    top: 35px;
    height: 72px;
    width: 72px;
    background: #d0ad42;
    border-radius: 50%;
    opacity: 0;
    visibility: hidden;
    color: #FFF;
    text-align: center;
    font-size: 33px;
    line-height: 76px;
}
.folioLink:hover{
    background-color: #c8b7abd6;
    color: #FFF;
}
.folioItem01:hover .folioLink{
    opacity: 1;
    visibility: visible;
}
.portfolioSlider.owl-carousel .owl-dots{
    line-height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 48px 0 0;
}
.portfolioSlider.owl-carousel .owl-dot{
    width: 22px;
    height: 22px;
    position: relative;
    border: 2px solid #FFF;
    border-radius: 50%;
    margin: 0 9px;
    padding: 0;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.portfolioSlider.owl-carousel .owl-dot:hover, .portfolioSlider.owl-carousel .owl-dot.active{
    border-color: #c8b7abd6;
}
.portfolioSlider.owl-carousel .owl-dot span{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 12px;
    height: 12px;
    background: #d8dbe6;
    border-radius: 50%;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.portfolioSlider.owl-carousel .owl-dot:hover span, .portfolioSlider.owl-carousel .owl-dot.active span{
    background: #d0ad42;
}
.filterUL{
    display: flex;
    justify-content: center;
    margin: 0 0 63px;
    padding: 0;
}
.filterUL li{
    list-style: none;
    font-size: 38px;
    color: #d0ad42;
    font-family: 'Jost', sans-serif;
    line-height: 1;
    cursor: pointer;
    margin: 0 55px 0 0;
    font-weight: 500;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.filterUL li:last-child{
    margin: 0;
}
.filterUL li:hover, .filterUL li.active{
    color: #c8b7abd6;
}
.folioItem02{
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    background: #432d92;
}
.folioItem02 img{
    width: 100%;
    height: auto;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.folioItem02:hover img{
    opacity: .16;
}
.folioContent2{
    position: absolute;
    left: 0;
    bottom: 42px;
    width: 100%;
    padding: 0 30px 0 49px;
}
.fcMeta2{
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase;
    color: #c8b7abd6;
    margin: 0 0 14px;


    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1);
    transition: transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1);
}
.folioItem02:hover .fcMeta2 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .6s cubic-bezier(.165,.84,.44,1) .2s;
    -moz-transition: .6s cubic-bezier(.165,.84,.44,1) .2s;
    transition: .6s cubic-bezier(.165,.84,.44,1) .2s;
}
.fcMeta2 a{
    color: inherit;
}
.fcMeta2 a:hover{
    color: #FFF;
}
.folioContent2 h3{
    font-size: 24px;
    line-height: 33px;
    color: #FFF;
    margin: 0;

    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1);
    transition: transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1);
}
.folioItem02:hover .folioContent2 h3 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .6s cubic-bezier(.165,.84,.44,1) .35s;
    -moz-transition: .6s cubic-bezier(.165,.84,.44,1) .35s;
    transition: .6s cubic-bezier(.165,.84,.44,1) .35s;
}
.folioContent2 h3 a{
    color: inherit;
}
.folioContent2 h3 a:hover{
    color: #c8b7abd6;
}
.folioItem02:hover .folioLink{
    opacity: 1;
    visibility: visible;
}
.folioItem02{
    margin: 0 0 24px;
}
#mixGrid .mix {
    display: none;
}


/*------------------------------------------------------
/  05. Why Choose Us Sections
/------------------------------------------------------*/
.wcuContent{
    position: relative;
    padding: 0 115px 0 0;
}
.iconBox03{
    position: relative;
}
.iconBox03 i{
    height: 96px;
    width: 96px;
    position: relative;
    display: block;
    text-align: center;
    line-height: 96px;
    background: #d0ad42;
    border-radius: 50%;
    color: #FFF;
    font-size: 35px;
    margin: 0 0 34px;
}
.iconBox03 h3{
    font-size: 24px;
    line-height: 1.1;
    margin: 0 0 16px;
}
.iconBox03 p{
    margin: 0;
}

/*------------------------------------------------------
/  06. Good To Know Sections
/------------------------------------------------------*/
.goodToKnowImg{
    position: relative;
    border-radius: 10px;
    margin: -160px 0 50px;
}
.goodToKnowImg img{
    width: 100%;
    height: auto;
    border-radius: 10px;
}
.gtkBottom{
    position: relative;
}
.singleCounter{
    width: 224px;
    background: #d0ad42;
    border-radius: 10px;
    float: left;
    padding: 33px 34px 15px 34px;
    margin: 0 27px 0 0;
}
.singleCounter h2{
    font-size: 48px;
    line-height: 1;
    color: #FFF;
    margin: 0;
}
.singleCounter h3{
    font-size: 24px;
    line-height: 33px;
    color: #FFF;
}
.gtkBottomContent{
    position: relative;
    padding: 8px 0 0;
}
.gtkBottomContent h3{
    font-size: 30px;
    line-height: 42px;
    color: #FFF;
    margin: 0 0 31px;
}
.gtkBottomContent a.orbBtn01{
    height: 42px;
    line-height:  40px;
    min-width: 146px;
    font-size: 15px;
}
.goodToKnowRight{
    position: relative;
    padding: 118px 0 0;
}
.goodToKnowRight .secTitle{
    color: #190c3a;
    margin: 0 0 58px;
}
.orbitoAccordion{
    position: relative;
    margin: 0;
    padding: 0;
}
.orbitoAccordion .accordion-item{
    background: #FFF;
    border-radius: 5px;
    padding: 0 30px;
    margin: 0 0 18px;
}
.orbitoAccordion.orbitoAccMode2 .accordion-item{
    padding: 0;
    margin: 0 0 26px;
    border-radius: 0;
    background: transparent;
}
.orbitoAccordion .accordion-header{
    margin: 0;
}
.orbitoAccordion .accordion-header button{
    display: block;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    margin: 0;
    padding: 17px 35px 15px 35px;
    border: none;
    border-radius: 0;
}
.orbitoAccordion.orbitoAccMode2 .accordion-header button{
    font-size: 24px;
    line-height: 34px;
    padding: 0 0 0 49px;
}
.orbitoAccordion .accordion-button::after{
    content: '\2b';
    font-family: 'Font Awesome 6 Free';
    font-weight: 600;
    font-size: 18px;
    color: #190c3a;
    position: absolute;
    left: 0;
    top: 16px;
}
.orbitoAccordion.orbitoAccMode2 .accordion-button::after {
    content: '\f068';
    font-size: 23px;
    top: 3px;
}
.orbitoAccordion.orbitoAccMode2 .accordion-button.collapsed::after {
    content: '\2b';
}
.orbitoAccordion .accordion-body{
    border-top: 1px solid #d2d0da;
    border-radius: 0;
    padding: 20px 0 35px 0;
}
.orbitoAccordion.orbitoAccMode2 .accordion-body{
    border: none;
    border-radius: 0;
    padding: 17px 0 13px 49px;
    font-size: 18px;
    line-height: 30px;
}

.gtkAnim01{
    width: 232px;
    height: 137px;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/shapes/1.png) no-repeat right top;
}
.gtkAnim02{
    width: 92px;
    height: 120px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../images/shapes/2.png) no-repeat left bottom;
}

/*------------------------------------------------------
/  07. Client Sections
/------------------------------------------------------*/
.clientLogoSlider{
    padding: 90px 0 90px;
    border-bottom: 1px solid #d8dde7;
}
.clientLogo{
    display: block;
    text-align: center;
    position: relative;
}
.clientLogo img{
    display: inline-block !important;
    width: auto !important;
    max-width: 100%;
    height: 50px;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.clientLogo img:first-child{
    position: relative;
}
.clientLogo img:last-child{
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    margin: auto;
    opacity: 0;
    visibility: hidden;
}
.clientLogo:hover img:first-child{
    opacity: 0;
    visibility: hidden;
}
.clientLogo:hover img:last-child{
    opacity: 1;
    visibility: visible;
}


/*------------------------------------------------------
/  07. Team Sections
/------------------------------------------------------*/
.teamMember01{
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    background: #d0ad42;
     width: 90%;
}
.teamMember01 img{
    width: 100%;
    height: auto;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.teamMember01:hover img{
    opacity: .28;
}
.tm01Info{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    padding: 40px 15px 0 45px;
}
.tm01Info h3{
    font-size: 24px;
    color: #FFF;
    line-height: 1;
    margin: 0 0 12px;

    opacity: 0;
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    transform: translateY(-50px);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1);
    transition: transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1);
}
.teamMember01:hover .tm01Info h3 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .6s cubic-bezier(.165,.84,.44,1) .2s;
    -moz-transition: .6s cubic-bezier(.165,.84,.44,1) .2s;
    transition: .6s cubic-bezier(.165,.84,.44,1) .2s;
}
.tm01Info span{
    display: block;
    font-size: 16px;
    line-height: 1;
    color: #cfd1d7;

    opacity: 0;
    -webkit-transform: translateY(-60px);
    -moz-transform: translateY(-60px);
    transform: translateY(-60px);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1);
    transition: transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1);
}
.teamMember01:hover .tm01Info span {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .6s cubic-bezier(.165,.84,.44,1) .35s;
    -moz-transition: .6s cubic-bezier(.165,.84,.44,1) .35s;
    transition: .6s cubic-bezier(.165,.84,.44,1) .35s;
}
.tm01Desc{
    position: absolute;
    left: 0;
    top: 99px;
    width: 100%;
    padding: 40px 45px 0 45px;
}
.tm01Desc:before{
    content: '';
    width: calc(100% - 90px);
    height: 1px;
    background: rgba(255, 255, 255, .27);
    position: absolute;
    top: 21px;
    left: 45px;

    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1);
    transition: transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1);
}
.teamMember01:hover .tm01Desc:before {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .6s cubic-bezier(.165,.84,.44,1) .2s;
    -moz-transition: .6s cubic-bezier(.165,.84,.44,1) .2s;
    transition: .6s cubic-bezier(.165,.84,.44,1) .2s;
}
.tm01Desc p{
    font-size: 18px;
    line-height: 30px;
    color: #FFF;
    margin: 0;

    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1);
    transition: transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1);
}
.teamMember01:hover .tm01Desc p {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .6s cubic-bezier(.165,.84,.44,1) .35s;
    -moz-transition: .6s cubic-bezier(.165,.84,.44,1) .35s;
    transition: .6s cubic-bezier(.165,.84,.44,1) .35s;
}
.tm01Social{
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 18px;
    line-height: 1;
    color: #FFF;
    display: flex;
    justify-content: flex-start;
    padding: 0 0 45px 40px;
}
.tm01Social a{
    color: inherit;
    margin-right: 20px;
    opacity: 0;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    transform: translateY(30px);
}
.tm01Social a:hover{
    color: #fdf0e2;
}
.teamMember01:hover .tm01Social a:first-child {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .6s cubic-bezier(.165,.84,.44,1) .35s;
    -moz-transition: .6s cubic-bezier(.165,.84,.44,1) .35s;
    transition: .6s cubic-bezier(.165,.84,.44,1) .35s;
}
.teamMember01:hover .tm01Social a:nth-child(2) {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .6s cubic-bezier(.165,.84,.44,1) .4s;
    -moz-transition: .6s cubic-bezier(.165,.84,.44,1) .4s;
    transition: .6s cubic-bezier(.165,.84,.44,1) .4s;
}
.teamMember01:hover .tm01Social a:nth-child(3) {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .6s cubic-bezier(.165,.84,.44,1) .45s;
    -moz-transition: .6s cubic-bezier(.165,.84,.44,1) .45s;
    transition: .6s cubic-bezier(.165,.84,.44,1) .45s;
}
.teamMember01:hover .tm01Social a:nth-child(4) {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .6s cubic-bezier(.165,.84,.44,1) .5s;
    -moz-transition: .6s cubic-bezier(.165,.84,.44,1) .5s;
    transition: .6s cubic-bezier(.165,.84,.44,1) .5s;
}
.evenTeam{
    margin-top: 60px;
}
.testimonialNav{
    display: flex;
    justify-content: flex-start;
}
.testimonialNav button{
    position: relative;
    width: 48px;
    height: 48px;
    background: #FFF;
    border: none;
    border-radius: 50%;
    font-size: 18px;
    color: #190c3a;
    margin-right: 12px;
    cursor: pointer;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.testimonialNav button.tnNext{
    background: #c8b7abd6;
    color: #FFF;
}
.testimonialNav button:hover{
    background: #c8b7abd6;
    color: #FFF;
}
.testimonialNav button.tnNext:hover{
    background: #FFF;
    color: #190c3a;
}
.testimonialItem{
    position: relative;
    background: #FFF;
    border-radius: 10px;
    box-shadow: 0px 5px 90px 0px rgba(2, 24, 93, 0.08);
    /*    box-shadow: 0px 5px 30px 0px rgb(2 24 93 / 6%);*/
    padding: 50px 60px 60px 60px;

}
.testimonialItem:after{
    content: '';
    position: absolute;
    right: 60px;
    bottom: 66px;
    width: 46px;
    height: 48px;
    background: url(../images/shapes/4.png) no-repeat center center / cover;
}
.testimonialItem p{
    font-size: 18px;
    line-height: 36px;
    color: #5e6371;
    font-style: italic;
    margin: 0 0 43px;
}
.testimonialAuthor{
    position: relative;
    padding-left: 80px;
    min-height: 60px;
    padding-top: 5px;
   
}
.testimonialAuthor img{
    display: inline-block !important;
    width: 60px !important;
    height: 60px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
}
.testimonialAuthor h4{
    font-size: 18px;
    line-height: 1;
    margin: 0 0 5px;
}
.testimonialAuthor span{
    font-size: 14px;
    line-height: 1;
    color: #868b9b;
    margin: 0;
}
.testimonialSlider .owl-stage-outer{
    overflow: visible;
}
.overflowHidde{
    overflow: hidden;
}
.testimonialSlider .owl-item {
    opacity: 0;

}
.testimonialSlider .owl-item.active {
    opacity: 1;
    transition: opacity 300ms;
}
.testimonialSlider.owl-carousel .owl-stage-outer .owl-item.active {
    opacity: 1;
    pointer-events: auto;
    cursor: pointer;
    visibility: visible;
}
.testimonialSlider.owl-carousel .owl-stage-outer .owl-stage {
    cursor: none;
    pointer-events: none;
}


.testimonialSlider .owl-nav{
    display: none;
}
.zIndex4{
    z-index: 4;
    position: relative;
}
.counterArea{
    position: relative;
    background: #dccbc1;
    border-radius: 10px;
    margin: 0;
    padding: 84px 0 83px;
}
.counterArea.caMode2{
    background: #FFF;
    box-shadow: 0px 5px 90px 0px rgba(2, 24, 93, 0.08);
}
.singleCounter02{
    position: relative;
    display: flex;
    justify-content: flex-start;
    padding: 0 0 0 91px;
}
.singleCounter02 h2{
    font-size: 60px;
    line-height: 60px;
    color: #d0ad42;
    margin: 0 28px 0 0;
    position: relative;
}
.singleCounter02 .timerSuffixSmall{
    font-size: 30px;
    display: inline-flex;
    line-height: 20px;
    position: relative;
    top: -27px;
}
.singleCounter02 h3{
    font-size: 21px;
    line-height: 30px;
    color: #190c3a;
    margin: 0;
}
.caMode2 .singleCounter02 h3{
    color: #190c3a;
}
.testimonialItem2{
    position: relative;
    padding: 0 0 24px;
}
.testimonialSlider2 .testimonialItem2{
    margin: 48px 0;
}
.testimonialItem2:after{
    content: '';
    width: calc(100% - 60px);
    height: calc(100% - 24px);
    position: absolute;
    left: 30px;
    bottom: 0;
    background: #FFF;
    border-radius: 10px;
    box-shadow: 0px 5px 90px 0px rgba(2, 24, 93, 0.08);
}
.ti02Inner{
    background: #FFF;
    border-radius: 10px;
    box-shadow: 0px 5px 90px 0px rgba(2, 24, 93, 0.08);
    position: relative;
    z-index: 2;
    padding: 60px 60px 60px 60px;
}
.ti02Inner:before{
    content: '';
    width: 46px;
    height: 48px;
    position: relative;
    display: block;
    margin: 0 auto 38px;
    background: url(../images/shapes/4.png) no-repeat center center;
}
.testimonialItem2 p{
    font-size: 21px;
    line-height: 36px;
    font-style: italic;
    color: #5e6371;
    margin: 0 0 43px;
}
.testimonialSlider2.owl-carousel .owl-dots{
    line-height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}
.testimonialSlider2.owl-carousel .owl-dot{
    width: 22px;
    height: 22px;
    position: relative;
    border: 2px solid transparent;
    background: transparent;
    border-radius: 50%;
    margin: 0 9px;
    padding: 0;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.testimonialSlider2.owl-carousel .owl-dot:hover, .testimonialSlider2.owl-carousel .owl-dot.active{
    border-color: #fdf0e2;
}
.testimonialSlider2.owl-carousel .owl-dot span{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 12px;
    height: 12px;
    background: #d8dbe6;
    border-radius: 50%;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.testimonialSlider2.owl-carousel .owl-dot:hover span, .testimonialSlider2.owl-carousel .owl-dot.active span{
    background: #d0ad42;
}
.testimonialSlider2.owl-carousel .owl-stage-outer {
    overflow: visible;
}
.testimonialSlider2.owl-carousel .owl-stage-outer .owl-item {
    opacity: 0;
    cursor: none;
    pointer-events: none;
    visibility: hidden;
}
.testimonialSlider2.owl-carousel .owl-stage-outer .owl-item.active {
    opacity: 1;
    pointer-events: auto;
    cursor: pointer;
    visibility: visible;
}
.testimonialSlider2.owl-carousel .owl-stage-outer .owl-stage {
    cursor: none;
    pointer-events: none;
}

/*------------------------------------------------------
/  08. Blog Sections
/------------------------------------------------------*/
.blogItem01{
    position: relative;
    padding: 0 0 250px;
}
.blogItem01.biMode2 {
    background: #FFF;
    border-radius: 10px;
    overflow: hidden;
    padding: 0;
}
.biMode2.biModeShadow{
    box-shadow: 0px 5px 90px 0px rgba(2, 24, 93, 0.08);
}
.bi01Thumb{
    position: relative;
    border-radius: 10px;
}
.biMode2 .bi01Thumb{
    border-radius: 0;
}
.bi01Thumb img{
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.biMode2 .bi01Thumb img{
    border-radius: 0;
}
.bi01Date{
    position: absolute;
    left: 12px;
    top: 12px;
    height: 34px;
    width: 110px;
    border-radius: 5px;
    background: #d0ad42;
    text-align: center;
    color: #FFF;
    padding: 9px 5px 0;
}
.bi01Date span:first-child{
    display: block;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    margin: 0 0 7px;
}
.bi01Date span:last-child{
    font-size: 15px;
    display: block;
    line-height: 1;
    text-transform: uppercase;
    margin: 0;
}
.bi01Details{
    width: calc(100% - 60px);
    overflow: hidden;
    background: #FFF;
    box-shadow: 0px 5px 90px 0px rgba(2, 24, 93, 0.08);
    border-radius: 5px;
    padding: 21px 30px 28px 29px;
    position: absolute;
    left: 30px;
    bottom: 0;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.blogItem01:hover .bi01Details {
    padding-bottom: 59px;
}
.bi01Meta{
    position: relative;
    margin: 0 0 10px;
}
.bi01Meta span{
    position: relative;
    margin-right: 12px;
    display: inline-block;
}
.bi01Meta span:last-child{
    margin-right: 0;
}
.bi01Meta span a{
    font-size: 15px;
    color: #5e6371;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    line-height: 1;
}
.bi01Meta span a i{
    color: #d0ad42;
}
.bi01Meta span a:hover{
    color: #d0ad42;
}
.bi01Details h3{
    font-size: 21px;
    line-height: 30px;
    margin: 0;
}
.bi01Details h3 a{
    color: #190c3a;
}
.bi01Details h3 a:hover{
    color: #fdf0e2;
}
.bi01Details .readMoreLink{
    position: absolute;
    left: 30px;
    bottom: 27px;

    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1);
    transition: transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1);
}
.blogItem01:hover .bi01Details .readMoreLink {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .6s cubic-bezier(.165,.84,.44,1) .2s;
    -moz-transition: .6s cubic-bezier(.165,.84,.44,1) .2s;
    transition: .6s cubic-bezier(.165,.84,.44,1) .2s;
}
.bi01Details2{
    position: relative;
    padding: 18px 40px 25px 28px;
}
.bi01Details2 h3{
    font-size: 21px;
    line-height: 30px;
    margin: 0;
}
.bi01Details2 h3 a{
    color: inherit;
}
.bi01Details2 h3 a:hover{
    color: #fdf0e2;
}


/*------------------------------------------------------
/  09. Footer 01 Sections
/------------------------------------------------------*/
.ctaSection{
    position: relative;
    background: #190c3a;
    padding: 89px 0 0;
}
.ctaLeft{
    position: relative;
}
.ctaLeft .secTitle{
    margin: 0 0 17px;
}
.ctaLeft .secDesc{
    font-size: 18px;
    line-height: 28px;
    color: #a3adcc;
    margin: 0;
}
.ctaRight {
    text-align: right;
    padding: 42px 0 0;
}
.ctaBorder{
    height: 1px;
    background: rgba(255, 255, 255, .18);
    margin: 87px 0 0;
}
.footer{
    position: relative;
    background: #190c3a;
    padding: 90px 0 0;
}
.footer .widget{
    margin: 28px 0 0;
    padding: 0;
}
.footer .widget.about_widget{
    margin: 0;
}
.aboutWidgetContent{
    position: relative;
    padding: 0 110px 0 0;
}
.aboutWidgetContent img{
    height: 200px;
    width: auto;
    margin: 0 0 43px;
}
.aboutWidgetContent p{
    color: #a3adcc;
    margin: 0 0 23px;
}
.aboutWidgetContent.awc2 p{
    margin: 0 0 44px;
}
.contactInfo{
    position: relative;
}
.contactInfo span{
    display: block;
    position: relative;
    font-size: 18px;
    line-height: 28px;
    color: #a3adcc;
    padding-left: 32px;
    margin: 0 0 12px;
}
.contactInfo span:last-child{
    margin: 0;
}
.contactInfo span i{
    position: absolute;
    left: 0;
    top: 0;
    color: #FFF;
    line-height: 28px;
}
.contactInfo span a{
    color: inherit;
}
.contactInfo span a:hover{
    color: #fdf0e2;
}
.footer .widget .widgetTitle{
    font-size: 24px;
    line-height: 1;
    color: #FFF;
    margin: 0 0 39px;
}
.footer .widget ul{
    margin: 0;
    padding: 0;
}
.footer .widget ul li{
    list-style: none;
    margin: 0 0 14px;
}
.footer .widget ul li:last-child{
    margin: 0;
}
.footer .widget ul li a{
    font-size: 18px;
    line-height: 28px;
    color: #a3adcc;
    padding: 0;
}
.footer .widget ul li a:hover{
    color: #fdf0e2;
}
.newsletterContent{
    position: relative;
}
.awc2 .newsletterContent{
    max-width: 312px;
}
.newsletterContent p{
    color: #a3adcc;
    margin: 0 0 46px;
}
.newsletterContent form{
    margin: 0;
    padding: 0;
    position: relative;
}
.newsletterContent form input[type='email']{
    height: 60px;
    border: none;
    border-radius: 5px;
    background: #FFF;
    color: #868b9b;
    font-size: 18px;
    line-height: 36px;
    margin: 0;
    padding: 0 25px;
    display: block;
    width: 100%;
}
.newsletterContent form::placeholder,
.newsletterContent form::-moz-placeholder{
    color: #868b9b;
    opacity: 1;
}
.newsletterContent form button{
    border: none;
    background: transparent;
    color: #868b9b;
    font-size: 18px;
    line-height: 1;
    border-radius: 0;
    position: absolute;
    right: 22px;
    top: 0;
    padding: 0;
    height: 18px;
    bottom: 0;
    margin: auto 0;
    cursor: pointer;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.newsletterContent form button:hover{
    color: #fdf0e2;
}
.footer .pdl124{
    padding-left: 70px;
}
.footerBorder{
    position: relative;
    height: 1px;
    background: rgba(255, 255, 255, .18);
    margin: 87px 0 0;
}
.widgetPostItems{
    position: relative;
    margin: 0px 0 0;
    padding: 1px 0 0;
}
.widgetPostItem{
    position: relative;
    min-height: 72px;
    padding: 0 0 0 94px;
    margin: 0 0 27px;
}
.widgetPostItems .widgetPostItem:last-of-type{
    margin: 0;
}
.widgetPostItem img{
    width: 72px;
    height: 72px;
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 5px;
}
.widgetPostItem h3{
    font-size: 18px;
    line-height: 26px;
    color: #f8f9fb;
    margin: 0 0 10px;
}
.widgetPostItem h3 a{
    color: inherit;
}
.widgetPostItem h3 a:hover{
    color: #fdf0e2;
}
.widgetPostItem span{
    display: block;
    font-size: 13px;
    line-height: 1;
    color: #a3adcc;
}
.siteInfoSection{
    background: #fff;
    position: relative;
    padding: 41px 0 45px;
}
.siteInfo{
    font-size: 15px;
    line-height: 28px;
    color: #190c3a;
    margin: 0;
    text-align: center;
}
.siteInfo a{
    font-weight: 600;
    color: #d3ab3b;
}
.siteInfo a:hover{
    color: #190c3a;
}
.footerMenu{
    position: relative;
}
.footerMenu ul{
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-end;
}
.footerMenu ul li{
    list-style: none;
    margin: 0 48px 0 0;
}
.footerMenu ul li:last-child{
    margin-right: 0;
}
.footerMenu ul li a{
    font-size: 18px;
    line-height: 28px;
    display: block;
    color: #a3adcc;
}
.footerMenu ul li a:hover{
    color: #fdf0e2;
}
.footerSocial{
    display: flex;
    justify-content: flex-end;
}
.footerSocial a{
    font-size: 18px;
    line-height: 28px;
    color: #FFF;
    letter-spacing: 0;
    margin: 0 0 0 24px;
}
.footerSocial a:first-child{
    margin-left: 0;
}
.footerSocial a:hover{
    color: #fdf0e2;
}


/*------------------------------------------------------
/  10. Feature Sections
/------------------------------------------------------*/
.featureInner{
    background: #d0ad42;
    border-radius: 10px;
    padding: 90px 0;
}
.iconBox05{
    position: relative;
    padding: 0 80px 0 80px;
    margin: -4px 0 0;
}
.iconBox05 i{
    font-size: 64px;
    line-height: 1;
    color: #d0ad42;
    display: block;
    margin: 0 0 29px;
}
.iconBox05 h3{
    font-size: 24px;
    line-height: 1;
    color: #ffffff;
    margin: 0 0 27px;
}
.iconBox05 p{
    color: #fff;
    margin: 0 0 8px;
}
.hasBorderLeft{
    border-left: 1px solid rgba(255, 255, 255, .27);
}
.iB05Pdl91{
    padding-left: 91px;
}
.serviceItem01{
    position: relative;
    padding: 0 0 80px;
    margin: 0 0 48px;
}
.siThumb{
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.siThumb img{
    width: 100%;
    height: auto;
    border-radius: 10px;
}
.siDetails{
    background: #FFF;
    border-radius: 5px;
    width: calc(100% - 60px);
    position: absolute;
    left: 30px;
    bottom: 0;
    box-shadow: 0px 5px 90px 0px rgba(2, 24, 93, 0.08);
    padding: 24px 100px 28px 31px;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.serviceItem01:hover .siDetails{
    padding-bottom: 76px;
}
.siDetails h3{
    font-size: 24px;
    line-height: 33px;
    margin: 0;
}
.siDetails h3 a{
    color: inherit;
}
.siDetails h4 a {
    color: inherit;
   font-size: 20px;
}

.siDetails h3 a:hover{
    color: #fdf0e2;
}
.siDetails > i{
    font-size: 60px;
    color: #d0ad42;
    line-height: .8;
    position: absolute;
    right: 0;
    top: 26px;
    margin: 0;
    width: 86px;
}
.siDetails .readMoreLink {
    position: absolute;
    left: 32px;
    bottom: 32px;
    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1);
    transition: transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1);
}
.serviceItem01:hover .siDetails .readMoreLink {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .6s cubic-bezier(.165,.84,.44,1) .2s;
    -moz-transition: .6s cubic-bezier(.165,.84,.44,1) .2s;
    transition: .6s cubic-bezier(.165,.84,.44,1) .2s;
}


/*------------------------------------------------------
/  12. Quick Result Sections
/------------------------------------------------------*/
.qrLeft{
    position: relative;
}
.qrLeft .secTitle{
    margin: 0 0 29px;
}
.qrLeft p{
    font-size: 21px;
    line-height: 30px;
    color: #cfd1d7;
    margin: 0 0 59px;
}
.iconBox06{
    position: relative;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 5px;
    padding: 42px 45px 42px 123px;
    margin: 0 0 30px;
}
.iconBox06 i{
    color: #d0ad42;
    font-size: 44px;
    line-height: 1;
    position: absolute;
    left: 45px;
    top: 46px;
}
.iconBox06 i.tm4{
    top: 42px;
}
.iconBox06 h3{
    font-size: 24px;
    color: #FFF;
    line-height: 32px;
    margin: 0 0 17px;
}
.iconBox06 p{
    color: #a3adcc;
    margin: 0;
}


/*------------------------------------------------------
/  11. Contact Sections
/------------------------------------------------------*/
.contactLeft{
    position: relative;
    margin: 0 120px 0 0;
}
.contactLeft .secTitle{
    margin: 0 0 26px;
}
.contactLeft .secDesc{
    color: #868b9b;
    margin: 0 0 29px;
}
.contactLeft .contactInfo span{
    color: #5e6371;
}
.contactLeft .contactInfo span i{
    color: #d0ad42;
}
.contactForm{
    position: relative;
    padding-left: 6px;
}
.contactForm form{
    margin: 0;
    padding: 0;
}
.contactForm form .col-lg-6, 
.contactForm form .col-lg-12{
    padding-left: 6px;
    padding-right: 6px;
}
.contactForm form input:not([type='submit']), .contactForm form textarea{
    font-size: 18px;
    color: #868b9b;
    padding: 0 25px;
    height: 60px;
    border: 1px solid #d8dde7;
    border-radius: 5px;
    margin: 0 0 12px;
    display: block;
    width: 100%;
}
.contactForm form textarea{
    height: 200px;
    resize: none;
    padding: 15px 25px;
}
.contactForm input::-moz-placeholder,
.contactForm textarea::-moz-placeholder{
    color: #868b9b;
    opacity: 1;
}
.contactForm input::-ms-input-placeholder,
.contactForm textarea::-ms-input-placeholder{
    color: #868b9b;
    opacity: 1;
}
.contactForm input::-webkit-input-placeholder,
.contactForm textarea::-webkit-input-placeholder{
    color: #868b9b;
    opacity: 1;
}
.mapIframe{
    position: relative;
    margin: 0 0 -120px;
}
.mapIframe iframe{
    display: block;
    border: none;
    border-radius: 10px;
    width: 100%;
    height: 380px;
}
.googleMap {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 380px;
    border-radius: 10px;
}
.blogSection2 .googleMap{
    margin: 0 0 -120px;
}
.con_message{
    display: block;
    width: 100%;
    display: none;
    border-radius: 0;
    border-width: 2px;
    margin: 15px 0 0;
}
.contactForm .reqError{
    border-color: #f00 !important;
}

/*------------------------------------------------------
/  12. Page Banner Sections
/------------------------------------------------------*/
.pageBanner{
    /*min-height: 480px;*/
    /*background: url(../images/bg/3.jpg) no-repeat center center / cover #190c3a;*/
    position: relative;
    overflow: hidden;
}
.pbBG2{
    background: url(../images/bg/4.jpg) no-repeat center center / cover #190c3a;
}
.pbBG3{
    background: url(../images/bg/5.jpg) no-repeat center center / cover #190c3a;
}
.pbBG5{
    background: url(../images/bg/6.jpg) no-repeat center center / cover #190c3a;
}
.pbBG6{
    background: url(../images/bg/7.jpg) no-repeat center center / cover #190c3a;
}
.pbBG7{
    background: url(../images/bg/8.jpg) no-repeat center center / cover #190c3a;
}
.pbBG8{
    background: url(../images/bg/9.jpg) no-repeat center center / cover #190c3a;
}
.pbBG9{
    background: url(../images/bg/10.jpg) no-repeat center center / cover #190c3a;
}
.pbBG10{
    background: url(../images/bg/11.jpg) no-repeat center center / cover #190c3a;
}
.pbBG11{
    background: url(../images/bg/12.jpg) no-repeat center center / cover #190c3a;
}
.pageBanner .pageBannerContainer{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.pageBannerOverlay{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(23, 26, 28, .24);
}
.pboDark{
    background: rgba(23, 26, 28, .48);
}
.pboDark2{
    background: rgba(23, 26, 28, .36);
}
.pboDark3{
    background: rgba(23, 26, 28, .30);
}
.pboDark4{
    background: rgba(23, 26, 28, .42);
}
.triangleShapes{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.pageBannerContent{
    position: relative;
    height: 480px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}
.pageBannerContentInner{
    position: relative;
    padding: 0 0 63px;
}
.pageBannerContent h2{
    font-size: 72px;
    line-height: 84px;
    color: #FFF;
    margin: 0 0 40px;
    position: relative;
    z-index: 3;
}
.blogSingleBanner .pageBannerContent h2{
    font-size: 60px;
    line-height: 72px;
    margin: 0 0 37px;
}
.orbitoBredcrumbs{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 16px;
    line-height: 26px;
    color: #cfd1d7;
    position: relative;
    z-index: 3;
}
.orbitoBredcrumbs a{
    color: inherit;
}
.orbitoBredcrumbs a:hover{
    color: #fdf0e2;
}
.orbitoBredcrumbs i{
    font-style: normal;
    margin: 0 13px;
}
.pageBannerShape01{
    position: absolute;
    left: 177px;
    top: 0;
}
.pageBannerShape02{
    position: absolute;
    /*left: -125px;*/
    bottom: 0;
}
.pageBannerShape03{
    position: absolute;
    right: 0;
    bottom: 0;
}

/*------------------------------------------------------
/  13. Service & Service Details Page
/------------------------------------------------------*/
.iconBox07{
    position: relative;
    padding: 0 25px;
}
.processIcon{
    width: 96px;
    height: 96px;
    background: #FFF;
    border-radius: 50%;
    font-size: 36px;
    line-height: 1;
    color: #d0ad42;
    position: relative;
    text-align: center;
    margin: 0 auto 35px;
    padding: 31px 0;
}
.processIcon span{
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #fdf0e2;
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    border-radius: 50%;
    font-family: 'Jost', sans-serif;
}
.iconBox07 h3{
    font-size: 24px;
    line-height: 1;
    color: #FFF;
    margin: 0 0 17px;
}
.iconBox07 p{
    color: #a3adcc;
    margin: 0;
}
.pricingTable{
    position: relative;
    border: 1px solid #d8dde7;
    border-radius: 10px;
    padding: 58px 59px 60px;
}
.ptTitle{
    font-size: 30px;
    line-height: 1;
    position: relative;
    margin: 0 0 31px;
}
.ptTitle i{
    color: #d0ad42;
    position: absolute;
    right: -8px;
    top: -4px;
    font-size: 38px;
}
.ptTitle i.rightM3P{
    right: -3px;
}
.ptTitle i.rightM2P{
    right: -2px;
}
.ptDesc{
    margin: 0;
}
.ptSeperator{
    height: 1px;
    background: #cacdd3;
    margin: 39px 0 42px;
}
.ptPrice{
    font-family: 'Jost', sans-serif;
    font-size: 48px;
    line-height: 48px;
    color: #fdf0e2;
    font-weight: 500;
    margin: 0 0 24px;
}
.ptPrice span{
    color: #190c3a;
    font-size: 18px;
}
.ptFeatures{
    list-style: none;
    margin: 0 0 35px;
    padding: 0;
}
.ptFeatures li{
    font-size: 18px;
    line-height: 28px;
    color: #5e6371;
    position: relative;
    padding: 0 0 0 45px;
    margin: 0 0 14px;
}
.ptFeatures li:before{
    content: '';
    width: 16px;
    height: 12px;
    background: url(../images/check.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: 9px;
}
.ptFeatures li.disableds:before{
    width: 12px;
    height: 12px;
    background: url(../images/cross.png) no-repeat left center;
}
.pricingTable .orbBtn01{
    min-width: 166px;
    border-color: #fdf0e2;
    color: #190c3a;
}
.pricingTable .orbBtn01:hover{
    color: #FFF;
}
.pricingTable .orbBtn01 .bp-shape{
    background: #fdf0e2;
}
.orbFAQTab{
    position: relative;
    display: block;
    margin: 6px 0 0;
    padding: 0;
    border: none;
}
.orbFAQTab li{
    list-style: none;
    display: block;
    margin: 0 0 6px;
}
.orbFAQTab li button{
    border: 1px solid #d8dde7;
    border-radius: 5px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    color: #190c3a;
    background: transparent;
    font-family: 'Jost', sans-serif;
    text-align: left;
    padding: 0 30px;
    height: 60px;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.orbFAQTab li button:hover,  
.orbFAQTab li button.active{
    border-color: transparent;
    background: #d0ad42;
    color: #FFF;
}
.serviceDetailsSection{
    padding: 50px 0;
    position: relative;
}
.serviceThumb{
    position: relative;
    margin: 0 0 57px;
}
.serviceThumb img{
    width: 100%;
    height: auto;
    border-radius: 10px;
}
.serviceContent{
    position: relative;
}
.serviceContent > h2{
    font-size: 36px;
    line-height: 36px;
    margin: 0 0 20px;
}
.serviceContent > h2.mb35{
    margin: 0 0 35px;
}
.serviceContent > h2.mb30{
    margin: 0 0 30px;
}
.serviceContent > h2.mb37{
    margin: 0 0 37px;
}
.serviceContent > p{
    font-size: 18px;
    line-height: 30px;
    margin: 0 0 30px;
}
.serviceContent > p.mb64{
    margin: 0 0 64px;
}
.iconBox08{
    position: relative;
    margin: 0 0 57px;
}
.iconBox08 h3{
    font-size: 24px;
    line-height: 36px;
    position: relative;
    padding: 0 0 0 66px;
    margin: 0 0 28px;
}
.iconBox08 i{
    position: absolute;
    left: 0;
    top: 0;
    font-size: 41px;
    line-height: 36px;
    color: #d0ad42;
}
.iconBox08 p{
    font-size: 18px;
    line-height: 30px;
    margin: 0;
}
.orbList{
    margin: 0;
    padding: 0;
}
.orbList li{
    list-style: none;
    font-size: 18px;
    line-height: 28px;
    position: relative;
    padding: 0 0 0 50px;
    margin: 0 0 14px;
}
.orbList li:before{
    content: '';
    width: 16px;
    height: 8px;
    background: url(../images/right-arrow.png) no-repeat center center;
    position: absolute;
    left: 0;
    top: 11px;
}
.sdgItem{
    display: block;
}
.sdgItem img{
    width: 100%;
    height: auto;
    border-radius: 10px;
}
.counterBox{
    position: relative;
    border: 1px solid #cacdd3;
    border-radius: 5px;
    text-align: center;
    padding: 56px 45px 51px;
}
.counterBox h2{
    font-size: 35px;
    line-height: 1;
    color: #d0ad42;
    margin: 0 0 19px;
}
.counterBox h3{
    font-size: 18px;
    line-height: 30px;
    margin: 0;
}
.sidebar .widget{
    position: relative;
    background: #c8b7ab;
    border-radius: 10px;
    padding: 46px 48px 48px;
    margin: 0 0 60px;
}
.sidebar .widget .widgetTitle{
    font-size: 24px;
    line-height: 1;
    position: relative;
    padding: 0 0 0 30px;
    margin: 0 0 32px;
}
.sidebar .widget .widgetTitle:before{
    content: '';
    width: 18px;
    height: 18px;
    /*border: 3px solid #d0ad42;*/
    border-radius: 3px;
    position: absolute;
    left: 0;
    top: 3px;
}
.sidebar .widget.serviceMenu ul{
    margin: 0;
    padding: 0;
}
.sidebar .widget.serviceMenu ul li{
    list-style: none;
    display: block;
    margin: 0 0 6px;
}
.sidebar .widget.serviceMenu ul li:last-child{
    margin: 0;
}
.sidebar .widget.serviceMenu ul li a{
    font-family: 'Jost', sans-serif;
    display: block;
    font-size: 18px;
    line-height: 28px;
    color: #FFF;
    background: #d0ad42;
    display: block;
    padding: 17px 30px 15px;
    border-radius: 5px;
}
.sidebar .widget.serviceMenu ul li:hover > a,
.sidebar .widget.serviceMenu ul li.current-menu-item > a{
    background: #d0ad42;
}
.widgetForm{
    position: relative;
}
.widgetForm form{
    margin: 0;
    padding: 0;
}
.widgetForm form input:not([type="submit"]), .widgetForm form textarea{
    display: block;
    width: 100%;
    height: 60px;
    background: #FFF;
    border-radius: 5px;
    border: none;
    font-size: 18px;
    line-height: 30px;
    color: #868b9b;
    padding: 0 24px;
    margin: 0 0 18px;
}
.widgetForm form textarea{
    height: 160px;
    resize: none;
    padding: 15px 24px;
}
.widgetForm form input::-moz-placeholder,
.widgetForm form textarea::-moz-placeholder{
    color: #868b9b;
    opacity: 1;
}
.widgetForm form input::-ms-input-placeholder,
.widgetForm form textarea::-ms-input-placeholder{
    color: #868b9b;
    opacity: 1;
}
.widgetForm form input::-webkit-input-placeholder,
.widgetForm form textarea::-webkit-input-placeholder{
    color: #868b9b;
    opacity: 1;
}
.widgetForm form .orbBtn01{
    min-width: 166px;
}
.widgetForm .reqError{
    border: 1px solid #f00 !important;
}
.sidebar .widget.helpWidget{
    background: #443190;
}
.sidebar .widget.helpWidget > h3{
    font-size: 36px;
    color: #FFF;
    line-height: 1;
    margin: 0 0 33px;
}
.sidebar .widget.helpWidget p{
    font-size: 21px;
    line-height: 33px;
    color: #cfd1d7;
    margin: 0 0 85px;
}
.sidebar .widget.helpWidget .headerCall{
    min-height: 60px;
    padding: 4px 0 0 81px;
    margin: 0;
}
.sidebar .widget.helpWidget .headerCall i{
    background: #d0ad42;
    color: #FFF;
    height: 60px;
    width: 60px;
    font-size: 21px;
    line-height: 60px;
}
.sidebar .widget.helpWidget .headerCall h4{
    font-size: 18px;
    color: #FFF;
    margin: 0 0 13px;
}
.sidebar .widget.helpWidget .headerCall h3{
    font-size: 24px;
    color: #FFF;
}
.companyProfileBtns{
    position: relative;
}
.companyProfileBtns .orbBtn01{
    display: block;
    width: 100%;
    height: 60px;
    font-size: 18px;
    line-height: 58px;
}
.companyProfileBtns .orbBtnBorder{
    border-color: #fdf0e2;
    color: #190c3a;
    line-height: 55px;
}
.companyProfileBtns .orbBtnBorder:hover{
    border-color: #190c3a;
    color: #FFF;
}
.companyProfileBtns a:first-child{
    margin: 0 0 12px;
}


/*------------------------------------------------------
/  13. Portfolio & Portfolio Details Page
/------------------------------------------------------*/
.orbitoPagination{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 36px 0 0;
}
.orbitoPagination a, .orbitoPagination span{
    height: 54px;
    width: 54px;
    border: 1px solid #d8dde7;
    border-radius: 5px;
    line-height: 52px;
    font-size: 18px;
    color: #868b9b;
    text-align: center;
    margin: 0 6px;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.orbitoPagination a.opNext, 
.orbitoPagination a.opPrev{
    color: #d0ad42;
}
.orbitoPagination a:hover, .orbitoPagination span.current{
    border-color: #d0ad42;
    background: #d0ad42;
    color: #FFF;
}
.folioSlider{
    position: relative;
    margin: 0 0 57px;
}
.folioSliderImg{
    display: block;
    width: 100%;
    height: auto;
}
#folioSlider li{
    border-radius: 10px;
    overflow: hidden;
}
.folioSliderImg{
    border-radius: 10px;
}
.folioSlider .lSPager.lSGallery li, .folioSlider .lSSlideOuter .lSPager.lSGallery li.active, .folioSlider .lSSlideOuter .lSPager.lSGallery li:hover{
    border-radius: 10px;
}
.folioSlider .lSSlideOuter .lSPager.lSGallery li img{
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.folioSlider .lSSlideOuter .lSPager.lSGallery li.active img, .folioSlider .lSSlideOuter .lSPager.lSGallery li:hover img{
    opacity: .8;
}
.folioDetails{
    position: relative;
}
.folioDetails h2{
    font-size: 30px;
    line-height: 1;
    margin: 0 0 31px;
}
.folioDetails .orbitoLead{
    font-size: 21px;
    line-height: 33px;
    color: #868b9b;
    margin: 0 0 29px;
}
.folioDetails p{
    font-size: 18px;
    line-height: 30px;
    margin: 0 0 25px;
    color: #626a71;
}
.orbList2{
    margin: 0;
    padding: 0;
}
.orbList2 li{
    list-style: none;
    font-size: 18px;
    line-height: 28px;
    padding: 0 0 0 45px;
    position: relative;
    margin: 0 0 14px;
}
.orbList2 li:before{
    content: '';
    width: 16px;
    height: 28px;
    position: absolute;
    left: 0;
    top: 1px;
    background: url(../images/check.png) no-repeat left center;
}
.fgItem{
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 24px;
}
.fgItem img{
    width: 100%;
    height: auto;
    border-radius: 10px;
}
.folioMeta{
    position: relative;
    background: #c8b7ab;
    border-radius: 10px;
    padding: 57px 60px 58px;
    margin: 0 0 50px;
}
.folioSingleMeta{
    position: relative;
    margin: 0 0 45px;
}
.folioMeta .folioSingleMeta:last-of-type{
    margin: 0;
}
.folioSingleMeta h4{
    font-size: 18px;
    line-height: 1;
    margin: 0 0 12px;
}
.folioSingleMeta p{
    font-size: 18px;
    line-height: 28px;
    color: #5e6371;
    margin: 0;
}
.folioShare{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.folioShare h3{
    font-size: 24px;
    line-height: 48px;
    margin: 0 30px 0 0;
}
.folioShare a{
    height: 48px;
    width: 48px;
    background: #d0ad42;
    border-radius: 50%;
    text-align: center;
    font-size: 18px;
    line-height: 48px;
    color: #FFF;
    margin: 0 8px 0 0;
}
.folioShare a.fac{
    background: #1877f2;
}
.folioShare a.twi{
    background: #1da1f2;
}
.folioShare a.lin{
    background: #0077b5;
}
.folioShare a:hover{
    background: #fdf0e2;
}
.relatedFolioTitle{
    font-size: 48px;
    line-height: 1;
    margin: 0 0 52px;
}
.mt94{
    margin-top: 94px;
}

/*------------------------------------------------------
/  14. Blog & Blog Details Page
/------------------------------------------------------*/
.blogPageSection{
    position: relative;
    padding: 120px 0 120px;
}
.blogItem03{
    position: relative;
    margin: 0 0 60px;
}
.bi03Thumb{
    position: relative;
    border-radius: 10px 10px 0 0;
}
.blogItem03 img{
    width: 100%;
    height: auto;
    border-radius: 10px 10px 0 0;
}
.bi03Details{
    position: relative;
    border: 1px solid #d8dde7;
    border-top: none;
    border-radius: 0 0 10px 10px;
    padding: 33px 42px 41px 42px;
}
.bi03Details .bi01Meta{
    margin: 0 0 8px;
}
.bi03Details h2{
    font-size: 36px;
    line-height: 46px;
    margin: 0 0 15px;
}
.bi03Details h2 a{
    color: inherit;
}
.bi03Details h2 a:hover{
    color: #fdf0e2;
}
.blogExcerpt{
    font-size: 18px;
    line-height: 30px;
    color: #5e6371;
    margin: 0 0 32px;
}
.bi03Details a.orbBtn01{
    min-width: 143px;
    height: 48px;
    line-height: 46px;
}
.blogPaginationRow .orbitoPagination{
    margin-top: 0;
}
.sidebar .searchForm{
    margin: 0;
    padding: 0;
    position: relative;
}
.sidebar .searchForm input{
    font-size: 16px;
    color: #868b9b;
    display: block;
    width: 100%;
    height: 60px;
    padding: 0 24px;
    border-radius: 5px;
    background: #FFF;
    border: none;
}
.sidebar .searchForm input::-moz-placeholder{
    color: #868b9b;
    opacity: 1;
}
.sidebar .searchForm input::-ms-input-placeholder{
    color: #868b9b;
    opacity: 1;
}
.sidebar .searchForm input::-webkit-input-placeholder{
    color: #868b9b;
    opacity: 1;
}
.sidebar .searchForm button{
    border: none;
    background: transparent;
    padding: 0;
    font-size: 18px;
    line-height: 1;
    color: #fdf0e2;
    position: absolute;
    right: 17px;
    top: 21px;
}
.widgetPostItem2{
    position: relative;
    padding: 0 0 0 112px;
    min-height: 90px;
    margin: 0 0 29px;
}
.widgetPostItems .widgetPostItem2:last-of-type{
    margin: 0;
}
.widgetPostItem2 img{
    position: absolute;
    left: 0;
    top: 0;
    width: 90px;
    height: 90px;
    border-radius: 5px;
}
.widgetPostItem2 > a{
    font-family: 'Jost', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: .9;
    color: #fdf0e2;
    display: block;
    margin: 0 0 3px;
}
.widgetPostItem2 h3{
    font-size: 18px;
    line-height: 24px;
    color: #190c3a;
    margin: 0 0 13px;
}
.widgetPostItem2 h3 a{
    color: inherit;
}
.widgetPostItem2 h3 a:hover{
    color: #fdf0e2;
}
.widgetPostItem2 span{
    font-size: 14px;
    line-height: 1;
    display: block;
    margin: 0;
}
.sidebar .widget:not(.serviceMenu) ul{
    margin: -6px 0 -4px;
    padding: 0;
}
.sidebar .widget:not(.serviceMenu) ul li{
    list-style: none;
    font-size: 14px;
    line-height: 28px;
    color: #868b9b;
    border-bottom: 1px solid #d8dde7;
    padding: 0 0 17px 0px;
    margin: 0 0 13px 0;
}
.sidebar .widget:not(.serviceMenu) ul li:last-child{
    margin: 0;
    padding: 0;
    border-bottom: none;
}
.sidebar .widget:not(.serviceMenu) ul li a{
    font-family: 'Jost', sans-serif;
    display: inline-block;
    font-weight: 500;
    color: #190c3a;
    margin: 0 6px 0 0;
}
.sidebar .widget:not(.serviceMenu) ul li a:hover{
    color: #fdf0e2;
}
.tagCloud{
    position: relative;
    margin: 0 0 -6px;
}
.tagCloud a{
    float: left;
    font-size: 16px;
    color: #868b9b;
    border: 1px solid #d8dde7;
    padding: 0 18px;
    height: 42px;
    line-height: 40px;
    border-radius: 42px;
    margin: 0 6px 6px 0;
    background: transparent;
}
.tagCloud a:hover{
    border-color: #d0ad42;
    background: #d0ad42;
    color: #FFF;
}
.gallery{
    position: relative;
    margin: 0 0 -12px;
}
.gallery img{
    width: 96px;
    height: 96px;
    float: left;
    border-radius: 5px;
    margin: 0 12px 12px 0;
}
.gallery img:nth-child(3),
.gallery img:nth-child(6),
.gallery img:nth-child(9){
    margin-right: 0;
}
.orbitoSocials{
    position: relative;
    margin: 0 0 -6px;
}
.orbitoSocials a{
    width: 60px;
    height: 60px;
    font-size: 21px;
    color: #FFF;
    line-height: 60px;
    background: #d0ad42;
    float: left;
    text-align: center;
    border-radius: 50%;
    margin: 0 6px 6px 0;
}
.orbitoSocials a.fac{
    background: #1877f2;
}
.orbitoSocials a.twi{
    background: #1da1f2;
}
.orbitoSocials a.lin{
    background: #0077b5;
}
.orbitoSocials a.you{
    background: #ff0000;
}
.orbitoSocials a:hover{
    background: #fdf0e2;
    color: #FFF;
}
.blogGridPage .blogItem01.biMode2{
    margin: 0 0 60px;
}
.blogPaginationRow .orbBtnBorder{
    border-color: #fdf0e2;
    color: #190c3a;
}
.blogPaginationRow .orbBtnBorder .bp-shape{
    background: #fdf0e2;
    color: #FFF;
}
.blogPaginationRow .orbBtnBorder:hover{
    color: #FFF;
}
.blogDetailsPageSection{
    padding: 120px 0 120px;
}
.blogDetailsThumb{
    position: relative;
}
.blogDetailsThumb img{
    width: 100%;
    height: auto;
    border-radius: 10px 10px 0 0;
}
.blogDetailsArea{
    position: relative;
    border: 1px solid #d8dde7;
    border-top: none;
    padding: 33px 42px 30px;
    border-radius: 0 0 10px 10px;
    margin: 0 0 30px;
}
.blogDetailsArea .bi01Meta{
    margin: 0 0 6px;
}
.blogDetailsArea p{
    font-size: 18px;
    line-height: 30px;
    color: #5e6371;
    margin: 0 0 30px;
}
.blogDetailsArea > p:last-of-type{
    margin: 0;
}
.blogDetailsArea p.mb43{
    margin-bottom: 43px;
}
.blogDetailsArea h2.blogHeading{
    font-size: 48px;
    line-height: 60px;
    margin: 0 0 36px;
}
.blogDetailsArea blockquote{
    margin: 0 0 55px;
    padding: 19px 0 0 108px;
    position: relative;
}
.blogDetailsArea blockquote p{
    font-size: 21px;
    line-height: 36px;
    font-style: italic;
    color: #5e6371;
    margin: 0 0 17px;
}
.blogDetailsArea blockquote:before{
    content: '';
    width: 46px;
    height: 48px;
    position: absolute;
    left: 29px;
    top: 0;
    background: url(../images/shapes/10.png) no-repeat center center;
}
.blogDetailsArea blockquote cite{
    font-size: 15px;
    line-height: 20px;
    color: #a3a1a9;
    font-style: normal;
}
.blogDetailsArea blockquote cite strong{
    font-family: 'Jost', sans-serif;
    font-size: 18px;
    color: #190c3a;
    font-weight: 600;
}
.postTags{
    position: relative;
}
.postTags a{
    float: left;
    font-size: 16px;
    color: #868b9b;
    border: 1px solid #d8dde7;
    padding: 0 18px;
    height: 42px;
    line-height: 40px;
    border-radius: 42px;
    margin: 0 6px 6px 0;
    background: transparent;
}
.postTags a:hover{
    border-color: #d0ad42;
    background: #d0ad42;
    color: #FFF;
}
.postShare{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.postShare h3{
    font-size: 18px;
    line-height: 42px;
    margin: 0 30px 0 0;
}
.postShare a{
    height: 42px;
    width: 42px;
    background: #d0ad42;
    border-radius: 50%;
    text-align: center;
    font-size: 16px;
    line-height: 42px;
    color: #FFF;
    margin: 0 8px 0 0;
}
.postShare a:last-child{
    margin: 0;
}
.postShare a.fac{
    background: #1877f2;
}
.postShare a.twi{
    background: #1da1f2;
}
.postShare a.lin{
    background: #0077b5;
}
.postShare a:hover{
    background: #fdf0e2;
}
.postMetaRow{
    margin-top: 44px;
    margin-bottom: 6px;
}
.postNavigationRow{
    position: relative;
    border-radius: 10px;
    border: 1px solid #d8dde7;
    padding: 29px;
    margin: 0;
}
.postNavigationItem{
    position: relative;
    display: block;
    padding: 8px 0 0 108px;
    min-height: 90px;
}
.postNavigationItem.pniRight{
    padding-left: 0;
    padding-right: 108px;
    text-align: right;
}
.postNavigationItem img{
    width: 90px;
    height: 90px;
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 0;
}
.postNavigationItem.pniRight img{
    left: auto;
    right: 0;
}
.postNavigationItem h4{
    font-size: 16px;
    line-height: 16px;
    color: #d0ad42;
    margin: 0 0 5px;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.postNavigationItem h4 i{
    font-size: 14px;
    margin: 0 7px 0 0;
}
.postNavigationItem.pniRight h4 i{
    font-size: 14px;
    margin: 0 0 0 7px;
}
.postNavigationItem h3{
    font-size: 21px;
    line-height: 30px;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
    margin: 0;
}
.postNavigationItem:hover h3{
    color: #fdf0e2;
}
.postAuthorBox{
    position: relative;
    border-radius: 10px;
    border: 1px solid #d8dde7;
    padding: 48px 41px 35px 197px;
    margin: 72px 0 0;
}
.postAuthorBox img{
    position: absolute;
    width: 120px;
    height: 120px;
    border-radius: 5px;
    left: 41px;
    top: 41px;
}
.postAuthorBox h3{
    font-size: 30px;
    line-height: 1;
    margin: 0 0 33px;
}
.postAuthorBox p{
    font-size: 18px;
    line-height: 30px;
    margin: 0 0 30px;
}
.pabSocial{
    position: absolute;
    right: 42px;
    top: 43px;
    font-size: 21px;
    line-height: 1;
    color: #d0ad42;
    display: flex;
    justify-content: flex-end;
    margin: 0;
}
.pabSocial a{
    color: inherit;
    margin-left: 22px;
}
.pabSocial a.fac{
    color: #1877f2;
}
.pabSocial a.twi{
    color: #1da1f2;
}
.pabSocial a.lin{
    color: #0077b5;
}
.pabSocial a.ins{
    color: #405de6;
}
.pabSocial a:hover{
    color: #c8b7abd6;
}
.postCommetnListBox{
    position: relative;
    border: 1px solid #d8dde7;
    border-radius: 10px;
    padding: 38px 41px 38px;
    margin: 72px 0 0;
}
.postCommetnListBox h3.commentHeading{
    font-size: 36px;
    color: #190c3a;
    line-height: 1;
    margin: 0 0 43px;
}
.postCommetnListBox ol{
    margin: 0;
    padding: 0;
    list-style: none;
}
.postCommetnListBox ol ul{
    padding: 0;
    margin: 0 0 0 48px;
}
.postCommetnListBox ol li{
    list-style: none;
}
.singleComment{
    position: relative;
    padding: 39px 0 0 128px;
    min-height: 96px;
    margin: 0 0 26px;
    border-top: 1px solid #d8dde7;
}
.postCommetnListBox ol > li:first-child .singleComment{
    border-top: none;
    margin-top: 0;
    padding-top: 9px
}
.postCommetnListBox ol > li:last-child .singleComment{
    margin-bottom: 0;
}
.singleComment > img{
    width: 96px;
    height: 96px;
    position: absolute;
    left: 0;
    top: 30px;
    border-radius: 50%;
}
.postCommetnListBox ol > li:first-child .singleComment > img{
    top: 0;
}
.singleComment h3{
    font-size: 24px;
    line-height: 1;
    margin: 0 0 14px;
}
.singleComment .commentTime{
    display: flex;
    justify-content: flex-start;
    font-size: 14px;
    line-height: 1;
    color: #868b9b;
    margin: 0 0 24px;
}
.singleComment .commentTime span:first-child{
    margin-right: 12px;
}
.commentContent{
    font-size: 18px;
    line-height: 30px;
    color: #5e6371;
    margin: 0;
}
.comment-reply{
    height: 48px;
    min-width: 110px;
    border: 2px solid #c8b7abd6;
    text-align: center;
    padding: 0 10px;
    font-size: 16px;
    color: #190c3a;
    line-height: 44px;
    font-family: 'Jost', sans-serif;
    font-weight: 500;
    border-radius: 48px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 32px;
}
.postCommetnListBox ol > li:first-child .singleComment .comment-reply{
    top: 1px;
}
.comment-reply:hover{
    border-color: #190c3a;
}
.postCommetnFormBox{
    position: relative;
    border: 1px solid #d8dde7;
    border-radius: 10px;
    padding: 40px 41px 41px;
    margin: 72px 0 0;
}
.postCommetnFormBox h3.commentHeading{
    font-size: 36px;
    color: #190c3a;
    line-height: 1;
    margin: 0 0 43px;
}
.commentForm.row{
    margin-left: -6px;
    margin-right: -6px;
}
.commentForm input:not([type='submit']), .commentForm textarea {
    font-size: 18px;
    color: #868b9b;
    padding: 0 26px;
    height: 60px;
    border: 1px solid #d8dde7;
    border-radius: 5px;
    margin: 0 0 12px;
    display: block;
    width: 100%;
}
.commentForm textarea {
    height: 200px;
    resize: none;
    padding: 15px 25px;
}
.commentForm .col-lg-6, .commentForm .col-lg-12 {
    padding-left: 6px;
    padding-right: 6px;
}
.commentForm input::-moz-placeholder,
.commentForm textarea::-moz-placeholder{
    color: #868b9b;
    opacity: 1;
}
.commentForm input::-ms-input-placeholder,
.commentForm textarea::-ms-input-placeholder{
    color: #868b9b;
    opacity: 1;
}
.commentForm input::-webkit-input-placeholder,
.commentForm textarea::-webkit-input-placeholder{
    color: #868b9b;
    opacity: 1;
}


/*------------------------------------------------------
/  15. Contact Page
/------------------------------------------------------*/
.iconBox09{
    position: relative;
    padding: 6px 0 0 102px;
    min-height: 72px;
    margin: 0 0 18px;
}
.iconBox09 i{
    width: 72px;
    height: 72px;
    background: #d0ad42; 
    border-radius: 50%;
    text-align: center;
    color: #FFF;
    font-size: 18px;
    line-height: 72px;
    position: absolute;
    left: 0;
    top: 0;
}
.iconBox09 h4{
    font-size: 24px;
    line-height: 1;
    margin: 0 0 11px;
}
.iconBox09 p{
    font-size: 18px;
    line-height: 28px;
    color: #5e6371;
    margin: 0;
}
.iconBox09 p a{
    color: inherit;
}
.iconBox09 p a:hover{
    color: #c8b7abd6;
}
#backtotop {
    position: fixed;
    letter-spacing: 0;
    right: 25px;
    bottom: -25px;
    width: 45px;
    height: 45px;
    background: #c8b7abd6;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 45px;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    border-radius: 0;
}
#backtotop:hover{
    background: #d0ad42;
}


/*------------------------------------------------------
/  16. Preloader
/------------------------------------------------------*/
#preloader{
    background: #190c3a;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
}
.la-ball-scale-multiple,
.la-ball-scale-multiple>div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.la-ball-scale-multiple {
    display: block;
    font-size: 0;
    color: #d0ad42
}
.la-ball-scale-multiple.la-dark {
    color: #333
}
.la-ball-scale-multiple>div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor
}
.la-ball-scale-multiple {
    width: 32px;
    height: 32px
}
.la-ball-scale-multiple>div {
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    opacity: 0;
    -webkit-animation: ball-scale-multiple 1s 0s linear infinite;
    -moz-animation: ball-scale-multiple 1s 0s linear infinite;
    -o-animation: ball-scale-multiple 1s 0s linear infinite;
    animation: ball-scale-multiple 1s 0s linear infinite
}
.la-ball-scale-multiple>div:nth-child(2) {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s
}
.la-ball-scale-multiple>div:nth-child(3) {
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    -o-animation-delay: .4s;
    animation-delay: .4s
}
.la-ball-scale-multiple.la-sm {
    width: 16px;
    height: 16px
}
.la-ball-scale-multiple.la-sm>div {
    width: 16px;
    height: 16px
}
.la-ball-scale-multiple.la-2x {
    width: 64px;
    height: 64px;
    left: 0;
    top: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    position: absolute;
}
.la-ball-scale-multiple.la-2x>div {
    width: 64px;
    height: 64px
}
.la-ball-scale-multiple.la-3x {
    width: 96px;
    height: 96px
}
.la-ball-scale-multiple.la-3x>div {
    width: 96px;
    height: 96px
}
@-webkit-keyframes ball-scale-multiple {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    5% {
        opacity: .75
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes ball-scale-multiple {
    0% {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0)
    }
    5% {
        opacity: .75
    }
    100% {
        opacity: 0;
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes ball-scale-multiple {
    0% {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0)
    }
    5% {
        opacity: .75
    }
    100% {
        opacity: 0;
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes ball-scale-multiple {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }
    5% {
        opacity: .75
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}


.center{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.cont{
    width: 60%;
}



.one{
    width: 135%;
}

.icon{
     display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}

  .animated-button {
            
            cursor: pointer;
            display: inline-block;
            position: relative;
            animation: moveUpDown 1s infinite;
            transition: color 0.3s ease-in-out;
        }

      

        @keyframes moveUpDown {
            0%, 100% {
                top: 0;
            }
            50% {
                top: -5px;
            }
        }

.board {
    display: grid;
    grid-template-columns: repeat(3, 130px);
    grid-template-rows: repeat(3, 130px);
    gap: 0;
    margin-bottom: 30px;
}

.square {
    width: 140px;
    height: 140px;
    border: 1px solid #000;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
}

.draggable {
    width: 100px;
    height: 100px;
    cursor: pointer;
}

.hidden {
    display: none;
}

.retry-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0;
    margin-top: 20px;
}

.retry-container img {
    width: 100px;
    height: 100px;
}

/* Responsive Styles */
@media (max-width: 768px) {
    .board {
        grid-template-columns: repeat(3, 120px);
        grid-template-rows: repeat(3, 120px);
    }

    .square {
        width: 120px;
        height: 120px;
    }

    .draggable {
        width: 100px;
        height: 100px;
    }

    .retry-container img {
        width: 80px;
        height: 80px;
    }
}

@media (max-width: 480px) {
    .board {
        grid-template-columns: repeat(3, 100px);
        grid-template-rows: repeat(3, 100px);
    }

    .square {
        width: 100px;
        height: 100px;
    }

    .draggable {
        width: 80px;
        height: 80px;
    }

    .retry-container {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }

    .retry-container img {
        width: 80px;
        height: 80px;
    }
}