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

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
h1,h2,h3,h4,h5,h6{
    margin-bottom:0;
    font-family: "Titillium Web", sans-serif;
}
p{
    margin-bottom:0;
}
button:focus,input:focus{
    outline:none;
}
ul,li{
    list-style:none;
    margin-bottom:0;
}
a,a:hover{
    text-decoration:none;
    color: #c1a76d;
}
img{
    max-width:100%;
}
:root {
  --blue: #0071e4;
  --white: #ffffff;
  --colorgry: #646974;
  --family2:"Open Sans", sans-serif;
  --family3:"Open Sans", sans-serif;
  --btnColor:#ef6d27;
  --btnHoverColor:#0079cb;
}
body{
    font-size:16px;
    font-family: "Open Sans", sans-serif;
}
section,footer{
    width:100%;
    float:left;
}

/* header */
.header{
    width: 100%;
    z-index: 999;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    transition: all 0.8s ease;
    position: relative;
    z-index: 999;
    padding: 7px 0;
    border-bottom: 3px solid #0000;
    position: absolute;
    background: #ffffff9e;
}
/*.header:before{
    content:'';
    position:absolute;
    top:0;
    left: 0;
    width:100%;
    height:100%;
    background: #000;
    opacity: 47%;   
}*/
.sticky {
    position: fixed!important;
    top: 0;
    width: 100%;
    bottom: initial!important;
    box-shadow: 0px 3px 3px 1px rgb(0 0 0 / 12%);
    background-color: #ffffff;
    transform:all 0.3s ease-in-out;
    padding: 2px 0;
    border-bottom: 3px solid #917b4a;
}
.header.sticky  .menu > ul > li > a{
}
.innerBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header .logo{
    float:left;
    width: 225px;
}
.header .logo a{
    font-size: 30px;
    color:#000000;
    font-weight: 700;
    text-decoration: none;
}
.menuBox {
    float: right;
}
.header .mobileIcon{
    display: none;
}
.header .mobileIcon a{ 
     text-decoration: none;
     font-size: 16px;
     color:#555555;
     display: inline-block;
     margin-left: 10px;
     transition: color 0.3s ease;
}
.header .menu > ul > li{
    display: inline-block;
    line-height: 70px;
    /*margin-left: 7px;*/
}
.header .menu > ul > li > a{
    font-size: 15px;
    font-weight: 600;
    color: #222;
    position: relative;
    transition: color 0.3s ease;
    padding: 0 13px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}
.header .menu > ul > li > a > i {
    font-size: 19px;
    vertical-align: middle;
    margin-left: 3px;
}
.header .menu > ul > li .sub-menu{
    position: absolute;
    z-index: 500;
    background-color:#ffffff;
    /*box-shadow: -2px 2px 70px -25px rgba(0,0,0,0.3); */
    /* padding:5px 10px; */
    transition: all 0.5s ease;
    margin-top:25px;
    opacity:0;
    visibility: hidden;
    box-shadow: 0px 3px 15px 0px rgb(0 0 0 / 10%);
    border-radius: 0 0 10px 10px;
}
/*.header.sticky .menu > ul > li .sub-menu{
    background-color: rgba(0, 0, 0, 85%);
}*/
.header .menu > ul,.header .menu > ul > li .sub-menu > ul{
    margin-left: 0;
    padding: 0;
}
.header .menu > ul > li .sub-menu > ul > li{
    line-height: 1;
    padding: 5px 15px;
    border-bottom: 1px solid #917b4a36;
}
.header .menu > ul > li .sub-menu > ul > li:last-child{
    border-bottom:none;
}
.header .menu > ul > li .sub-menu > ul > li > a{
    display: inline-block;
    padding:7px 0;
    font-size: 13px;
    font-weight:600;
    color: #464646;
    transition: color 0.3s ease;
    text-decoration: none;
    line-height:15px;
    letter-spacing: 0.3px;
}
.header .menu > ul > li .single-column-menu{
    min-width: 240px;
    max-width: 230px;
    border-top: 4px solid #ccaf70;
}
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li{
   line-height: 1;
   display: block; 
}
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a {
    padding:10px 0;
    display: inline-block;
    font-size: 15px;
    color:#555555;
    transition: color 0.3s ease;
}
.header .menu > ul > li .sub-menu.mega-menu{ 
    left: 50%;
    transform: translateX(-50%);    
}

.header .menu > ul > li .sub-menu.mega-menu-column-4{
  max-width: 1100px;
  width: 100%;  
  display: flex;
  flex-wrap: wrap;
  padding:20px 15px;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item{
  flex:0 0 25%;
  padding:0 15px;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item .title{
    font-size: 16px;
    color:#ea4636;
    font-weight: 500;
    line-height: 1;
    padding:10px 0;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title{
    text-align: center;
}
.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img{
    max-width: 100%;
    width: 100%;
    vertical-align: middle;
    margin-top: 10px;
}
.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a:hover,
.header .menu > ul > li .sub-menu > ul > li > a:hover,
.header .mobileIcon a:hover,
.header .menu > ul > li:hover > a{
    color: #ef6d27;
}
.header .menu > ul > li .sub-menu > ul > li:hover{
        background: #917b4a;
}
.header .menu > ul > li .sub-menu > ul > li:hover > a{
    color:#fff;
}
/* .header .menu > ul > li:hover .single-column-menu{
    opacity: 1;
    visibility: visible;
} */
/* banner section */
.sliderBox{
    position:relative;
    z-index: 0;
}
/* .sliderBox:before{ */
    /* content: ''; */
    /* position: absolute; */
    /* top: 0px; */
    /* left: 0; */
    /* width: 100%; */
    /* height: 100%; */
    /* background-color: rgba(0, 0, 0, 0.6); */
    /* z-index: 115; */
/* } */
.banner-section{
  background-image: url('../img/banner.jpg');
  background-size: cover;
  background-position: center;
  height: 700px;
  width: 100%;
  display: block;
}
.mobile-menu-head,
.mobile-menu-trigger{
    display: none;
}
/*Slider style here*/
.cycle-slideshow {
  overflow: hidden;
}

.cycle-slideshow > div {
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-repeat:no-repeat;
  transition: transform 12.5s linear;
}

#slide-1 {
  background-image: url('../images/slider-1.jpg');
}

#slide-2 {
  background-image: url('../images/slider-2.jpg');
}

#slide-3 {
  background-image: url('../images/slider-3.jpg');
}

#slide-4 {
  background-image: url('../images/slider-4.jpg');
}

.cycle-slideshow .scale {
  transform: scale(1.1);
}
.cycle-slideshow .fx1 {
  transform-origin: bottom left;
}
.cycle-slideshow .fx2 {
  transform-origin: top left;
}
.cycle-slideshow .fx3 {
  transform-origin: top right;
}
.cycle-slideshow .fx4 {
  transform-origin: bottom right;
}
.slider .item:before{
    content: '';
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index:0;  
}

/*banner Text style here*/

.posiBox {
    visibility: visible!important;
    display: flex;
    justify-content: center;
    /* align-items: center; */
    color: #fff;
    position: absolute;
    top:10%;
    left: 0;
    /* transform: translate(-50px, -50px); */
    z-index: 116;
    width:100%;
    height: 100%;
    text-align: center;
}
/* .textBox{ */
    /* position: absolute; */
    /* left:38%; */
    /* top: 29%; */
    /* transform: translate(-50px, -50px); */
/* } */

.textBox h2{
      font-size: 45px;
    font-weight: 800;
    color:#ff7930;
    margin-bottom: 15px;
    text-transform: uppercase;
    margin-top: 5px;    
}
.textBox h4 {
    font-size: 35px;
    text-transform: unset;
    font-weight: 400;
    line-height: 55px;
}

span.topBoxBann,span.generateBoxBann {
    font-size: 33px;
    color: #ef6d27;
    font-weight: 700;
}
span.topBoxBann.topBoxBann2 {
    font-size: 35px;
    text-transform: capitalize;
}
span.Box10Bann,.MoreBoxBann{
    color: #ee6d27;
    font-size: 47px;
    font-weight: 600;
}
span.topBoxBann {
   font-size:60px;
    font-weight: 600;
    color: #ff7930;
    text-transform: uppercase;
}
span.majorBoxBann {
    /* font-size: 30px; */
    color: #ff7930;
    font-weight: 700;
}
.textBox p {
    text-align: center;
    padding: 0 20%;
}
.btnBox a {
    color: #fff;
    padding: 15px 40px;
    display: inline-block;
    border-radius: 25px;
    margin-top: 40px;
    /* background: hsla(210, 100%, 45%, 1); */
    /* background-image: linear-gradient(to right top, #0071e4, #0076d9, #0079cb, #107bbd, #307cae); */
    /* background: linear-gradient(to right top, #0071e4, #0076d9, #0079cb, #107bbd, #307cae); */
    /* background: -moz-linear-gradient(to right top, #0071e4, #0076d9, #0079cb, #107bbd, #307cae); */
    /* background: -webkit-linear-gradient(to right top, #0071e4, #0076d9, #0079cb, #107bbd, #307cae); */
    background:var(--btnColor);
    transition: all 0.3s ease;
    font-weight: 600;   
}
.btnBox a:hover{
    transform: translateY(-8px);
}

.serviceBox{
    margin-top:-175px;
}
.serviceMain{
    background:#fff;
    border-radius: 2px;
    text-align: center;
    padding:15px;
    height: 100%;
    position: relative;
    overflow: hidden;
    transition:all 0.3s ease-in-out;
    border: 1px solid #95959569;
}
.serviceMain:hover {
    background: #917b4a;
    box-shadow: 0px 6px 9px #917b4a;
    transform: translateY(-10px);
}
/*.serviceMain:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background-size: 101% 101%;
    -moz-transition: all .6s ease;
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    -ms-transition: all .6s ease;
    transition: all .6s ease;
}*/

.serviceIcon {
    /* background: #22335d; */
    margin: 0 auto;
    margin-bottom: 15px;
    padding: 15px;
    border-radius: 50%;
    width: 85px;
    height: 85px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 4px solid #d6dae3;
}
.serviceIcon i {
    font-size: 33px;
    color: #22335d;
    transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: ease-out;
}
.serviceMain:hover .serviceIcon i {transform: rotateY(360deg);transition-duration: .3s;transition-property: transform;transition-timing-function: ease-out;color: #917b4a;}
.serviceCap h3{
    font-size: 16px;
    color:#000;
    margin-bottom:15px;
    font-weight:700;
}
.serviceCap p{
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 15px;
    line-height: 24px;
}
.serviceCap a {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #9e8556;
    padding: 6px 15px;
    display: table;
    margin: 0 auto;
    color: #fff;
    border-radius: 5px;
    border-bottom: 3px solid #55472d;
}

.serviceMain:hover .serviceCap h3,.serviceMain:hover .serviceCap p,.serviceMain:hover .serviceCap a{
    color:#fff;
}
h5 {
    font-size: 15px;
    text-align: center;
    color: #ef6d27;
    font-weight:700;
    text-transform: uppercase;
    letter-spacing: 2px;
}
/*aboutBox style here*/
.aboutBox {
    padding: 80px 0;
    background-color: #171a21;
    position: relative;
    margin: 55px 0;
}
/*.aboutBox:before {
    content: '';
    background-image: url(../images/line.png);
    background-position: center center;
    background-size: cover;
    opacity: 0.07;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}*/
.mainAbout {
    padding-right: 35px;
}
.mainAbout h5 {
    text-align: left;
    margin-bottom: 20px;
}
.mainAbout h3 {
    font-size: 36px;
    font-family:var(--family2);
    font-weight: 700;
    margin-bottom: 20px;
    color:var(--white);
}
.mainAbout p,.mainAbout ul li{
    font-size: 15px;
    font-weight: 400;
    margin: 17px 0;
    font-family:var(--family2);
    color: #dedede;
}
.mainAbout ul{
    padding-left: 22px;
}
.mainAbout ul li{
    margin:0;
    width:50%;
    float:left;
    padding-right:30px;
    padding-bottom: calc(10px/2);
    position:relative;
}
.mainAbout ul li:before{
    content:'\f058';
    font-family:"fontAwesome";
    margin-right: 10px;
    color: #cfb06b;
    left: -22px;
    position: absolute;
}
.mainAbout .btnBox a{
    margin-top:30px;
}
.aboutImg {
    border-radius: 10px;
    overflow: hidden;
    /* height: 88%;  */
}
/* .aboutImg img {
    width: 100%;
} */

/*portfolioBox style here*/
/*.portfolioBox{
    margin-top: 60px;
    padding: 80px 0;
    background-image: url(../images/portfolio.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.portfolioBox p {
    text-align: center;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 26px;
    margin-top: 10px;
    color: #fff;
    margin-bottom: 25px;
}
.content {
  position: relative;
}
.screen {
    display: block;
    width: 312px;
    height: 350px;
    overflow: hidden;
    position: relative;
    border-radius: 1px;
    margin: 0 auto;
}
.screen img {
    bottom:-709px;
    width: 100%;
    height: auto;
    position: absolute;
    z-index: 0;
  margin:0;
  padding:0;
    -webkit-transition: top 11s;
    -moz-transition: top 11s;
    -ms-transition: top 11s;
    -o-transition: top 11s;
    transition: bottom 11s;
}
.screen:hover img {
  bottom:0px;
  -webkit-transition: all 11s;
  -moz-transition: all 11s;
  -ms-transition: all 11s;
  -o-transition: all 11s;
  transition: all 11s;
}*/
/*clicntBox style here*/

.clicntBox{
        padding: 30px 0 80px;
}
.clicntBox p{
    text-align: center;
    margin-top: 15px;
}
.sliderthBox {
    margin-top: 26px;
}
.sliderthBox .brandIcon{
    text-align: center;
    background-color: #FFFFFF;
    box-shadow: 0px 3px 15px 0px rgb(0 0 0 / 10%);
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-radius: 10px 10px 10px 10px;
}
.sliderthBox .item {
    margin: 9px;
    box-shadow: rgb(0 0 0 / 35%) 0px 0 3px;
    background: white;
}
.clicntBox button{
     position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.clicntBox button.owl-prev {   
    left: -30px;
    /* transform: translateY(-50px); */
}
.clicntBox button.owl-next {   
    right: -30px;
    /* transform: translateY(-50px); */
}
.clicntBox button span{
    font-family: 'FontAwesome' !important;
    font-size: 42px;
    /* line-height: 6px !important; */
    vertical-align: middle;
}
.mainQuery{
    /* background-color: #171a21; */
/*    background-image: url(../images/freeAniBk.jpg);*/
    padding: 45px;
    border-radius: 10px;
    position: relative;
    width: 97%;
    margin: 0 auto;
    background-size: cover;
    background-position: center center;
    background-color: #1c1b1b;
    background-blend-mode: multiply;
}
.mainQuery:before {
    content: '';
    /* background-image: url(../images/line.png); */
    /* background-position: center center; */
    /* background-size: cover; */
    /* opacity: 0.07; */
    /* transition: background 0.3s, border-radius 0.3s, opacity 0.3s; */
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    /* background-color:rgba(0, 0, 0, 0.6); */
    z-index: 0;
}
.mainQuery h3{
    color:#ef6d27;
    font-size:35px;
    font-weight: 700;
    margin-bottom:15px;
}
.mainQuery p{
    color: #ffbe00;
    font-size: 14px;
    font-weight: 700;
}
.mainQuery .btnBox{
    text-align: center;
    margin-top: 30px;
}
.mainQuery .btnBox a{
    margin-top: 0px;
}
.mainQuery .btnBox a i{
    margin-right:10px;
}

/*philosophyBox style here*/
.philosophyBox {
    /* margin-top: 70px; */
    display:flex;
    background: #e7e7e77d;
    overflow: hidden;
    /* border-top: 4px solid #ddd; */
}
.philosophyBox .philoImg{
    width: 47%;
    /* background:url("../images/why-us-img.jpg"); */
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    /* background: #f4e6c87d; */
}
.philoImg img {
    width: 100%;
}
.philosophyBox .philoCaption{
    width: 67%;
    padding:4%;
    /* background-color: #1c1b1b; */
    position:relative;
    z-index: 0;
    padding-right: 0;
}
.philosophyBox .philoCaption:before {
    content: '';
    /* background-image: url(../images/line.png); */
    background-position: center center;
    background-size: cover;
    opacity: 0.07;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.philoCaption h5{
    text-align:left;
    color: #8f712f;
}
.philoCaption h3{
    color: #000;
    margin:15px 0;
    font-size: 26px;
    font-weight: 500;
    font-family: 'Titillium Web';
}
.philosophyBox .philoCaption ul{
    display: grid;
    margin-top: 25px;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    row-gap: 20px;
}
.philosophyBox .philoCaption ul li{
    width: 100%;
    display: flex;
    justify-content: center;
}

.philLeft {
    width: 12%;
    margin-right: 15px;
}
.philLeft i {
    color: #23345d;
    font-size: 35px;
    transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: ease-out;
}
.philRight {
    width: 88%;
}
.philosophyBox .philoCaption ul li h2{
    color: #171717;
    font-size:18px;
    font-weight: 600;
    margin-bottom:7px;
}
.philosophyBox .philoCaption ul li p{
    font-size: 14px;
    font-weight:400;
    color: #393939;
    line-height: 22px;
}
.websiteBox {
    padding:60px 0;
}
.wenIcon {width: 89px;height: 89px;background: #fff;border: 1px solid #ddd;padding: 15px;border-radius: 10px;position: relative;}
.wenIcon i {
    font-size:50px;
    color: #ef6d27;
    /* background-image: linear-gradient(to right top, #0071e4, #0076d9, #0079cb, #107bbd, #307cae); */
    /* -moz-text-fill-color: transparent; */
    /* -o-text-fill-color: transparent; */
    /* -webkit-text-fill-color: transparent; */
    /* background-clip: text; */
    -webkit-background-clip: text;
    transition-duration: .3s;
    vertical-align: middle; 
}
.single-coutnerup {
}
.single-coutnerup span{
    font-size: 26px;
    font-family: 'Titillium Web';
    font-weight: 700;
    vertical-align: middle;
    color: #222;
}
.single-coutnerup .plus {
    font-size: 24px;
    font-weight: 600;
    margin-left: 7px;
    color: #c49e31;
}
.single-coutnerup .title{
    font-size: 16px;
    font-weight: 600;
    font-family: 'Titillium Web';
    color: #6e6e6e;
    margin-top: 6px;
}
footer{
    background-color: #1c1b1b;
    /* margin-top:70px; */
    position:relative;
    padding: 55px 0;
}
footer:before {
    content: '';
    background-image: url(../images/line.png);
    background-position: center center;
    background-size: cover;
    opacity: 0.07;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.foLogo {
    background-color: #2d2c2c;
    /* margin-top: -55px; */
    /* padding: 18px 14px; */
    padding: 14px 15px;
    border-radius: 10px;
    /* position: absolute; */
    /* top: -60px; */
}
.foLogo ul li:after,.arrowNone:after{
    display:none;
}
.foLogo ul li i{
    font-size:15px;
    font-weight:900;
    color: #d5a03c;
    /* background-image: linear-gradient(to right top, #0071e4, #0076d9, #0079cb, #107bbd, #307cae); */
    /* -moz-text-fill-color: transparent; */
    /* -o-text-fill-color: transparent; */
    /* -webkit-text-fill-color: transparent; */
    /* background-clip: text; */
    /* -webkit-background-clip: text; */
    margin-right:10px;
}
.fooLogo {
    width: 100%;
    background: #fff;
    text-align: center;
    border-radius: 7px;
    padding: 12px 24px;
}
.fooInnerBox {
    padding: 0 3px;
}
.foLogo p {
    color: #818997;
    padding: 15px 0;
}
footer h4{
    font-size:18px;
    font-weight:600;
    color:var(--white);
    margin-bottom:20px;
}
footer ul li{
    position:relative;
}
footer ul li:after{
    content:'\f105 ';
    color: #d5a03c;
    position:absolute;
    top:-2px;
    left:-14px;
    font-family:'fontAwesome';
    /* background-image: linear-gradient(to right top, #0071e4, #0076d9, #0079cb, #107bbd, #307cae); */
    /* -moz-text-fill-color: transparent; */
    /* -o-text-fill-color: transparent; */
    /* -webkit-text-fill-color: transparent; */
    /* background-clip: text; */
    /* -webkit-background-clip: text; */
    font-weight:900;
    font-size: 19px;
}
footer ul li a,footer ul li{
    color:#fff;
    font-family:var(--family2);
    font-weight:400;
    padding-bottom: calc(15px/2);
    font-size: 15px;
}
.arrowNone input[type="email"] {
     /* width: 300px; */
     width:100%;
    height: 60px;
    border-radius: 10px;
    padding: 15px 100px 15px 20px;
    border:none;
}
li.arrowNone {
    /* width: 300px; */
    width:100%;
    height: 60px;
    border-radius: 50px;
    border: none;
    background: #fff;
    position: relative;
    padding-bottom: 0;
}
.arrowNone input[type="submit"] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 93px;
    height: 60px;
    border-radius: 0 10px 10px 0;
    background:var(--btnColor);
    color: #fff;
    border:none;
    transition:all 0.3s ease-in-out;
}
.arrowNone input[type="submit"]:hover{
    background:var(--btnHoverColor);
    color:#fff;
}
button.wtsp {
    position: fixed;
    z-index: 999;
    right: 18px;
    width: 55px;
    bottom: 19px;
    border: 0;
    background: unset;
}
.abcteda {
    animation: abcteda 1s linear infinite;
}
@keyframes abcteda {
    0% {
      -webkit-transform: scaleX(1);
      transform: scaleX(1)
    }
    10%,
    20% {
      -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
      transform: scale3d(.9, .9, .9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
      color: red;
    }
    to {
      -webkit-transform: scaleX(1);
      transform: scaleX(1)
    }
  }
.freeSeoBtn {
    position: fixed;
    right: 0;
    z-index: 999;
    top: 33%;
    transition: 0.5s ease-in-out all;
    background: #ffbd3c;
    color: #000;
    border: none;
    outline: none;
    padding: 0;
    width: 40px;
    height: 173px;
    line-height: 40px;
    font-weight: 600;
    writing-mode: vertical-lr;
}
.freeSeoBtn:focus{
    border:none;
    outline:none;
    box-shadow:none;
}
.freeSeoBtn:hover{
    color: #fff;
    background:#20335c;
}
.modal.show .modal-dialog {
    max-width: 530px;
}
.modal-content {
    padding-left:20px;
}
.modal-dialog.popup_dilogue .modal-header {
    padding: 10px 17px;
    text-align: left;
    border: none;
}
.modal-dialog.popup_dilogue .modal-header button.close {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 15px;
    top: 1px;
    font-size: 36px;
    z-index: 1;
}
h4.modal-title {
    font-size: 22px;        
}
h4.modal-title,.contact-form-box input,.contact-form-box select,.contact-form-box textarea{
    font-family:var(--family3)!important;
}
.contact-section.style-five .contact-form .row {
    margin: 0 -10px;
}
.contact-form .form-group {
    position: relative;
    margin-bottom: 20px;
}
.contact-section.style-five .contact-form .form-group {
    padding: 0 10px;
    margin-bottom: 20px;
}
.contact-form .bootstrap-select>.dropdown-toggle, .contact-form .form-group input[type="text"], .contact-form .form-group input[type="email"],.contact-section.style-five .contact-form .form-group input[type="url"], .contact-form .form-group textarea, .contact-form .form-group select{
    position: relative;
    display: block;
    height: 54px;
    width: 100%;
    font-size: 15px;
    line-height: 30px;
    font-weight: 400;
    background-color: transparent;
    border-radius: 6px;    
    padding: 11px 20px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(225, 229, 233);
    -o-border-image: initial;
    border-image: initial;
    -webkit-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
    font-family: 'Inter', sans-serif;   
}

.contact-section.style-five .contact-form .bootstrap-select>.dropdown-toggle, .contact-section.style-five .contact-form .form-group input[type="text"], .contact-section.style-five .contact-form .form-group input[type="email"], .contact-section.style-five .contact-form .form-group input[type="url"], .contact-section.style-five .contact-form .form-group textarea, .contact-section.style-five .contact-form .form-group select{
    border: 1px solid #e3e3e3;
    height: 55px;
}
.sendBtnBox {
    background: #917b4a;
    color: #ffff;
    border: none;
    min-width: 142px;
    min-height: 50px;
}
.sendBtnBox:hover{
    background:#0056b3;
}

.brandBox {
    padding: 60px 0;
}
.brandInnBox{
    text-align:center;
    border: 2px solid #ef6d27;
    height: 100%;
    padding: 10px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.brandInnBox a{
    display:block;
}
.itemBrand{
    margin-top:30px;
}
.brandBox h2{
    text-align: center;
    /* margin-bottom:30px; */
    font-size: 36px;
    font-weight: 700;
}
.brandBox h2 span{
    color: #ef6d27;
}

/* footer new style here */
.socialBox {
    display: flex;
    align-items: center;
    margin-top: 3px;
    float: left;
    width: 100%;
}
.socialBox span {
    display: inline-block;
    margin-right: 10px;
}
.socialBox span a {
    display: flex;
    font-size: 19px;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50px;
    transition:all 0.3s ease;
}
.socialBox span a:hover {
    background: #9a8658;
    color: #fff;
}








/* new page style here */
.searchEngineBox {
    padding: 150px 0 75px;
    background: url(../images/breadcrumb-bg.webp);
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 0;
}

.searchEngineBox h2{
    text-align:center;
    font-size:25px;
    color:#111;
    margin-bottom:0;
}
.searchEngineBox:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f0f0f085;
    z-index: -1;
}
.contentPage {
    padding: 85px 0 45px;
}
h2 span {
    color: #957e47;
}
.contentPage h2{
    margin-bottom: 25px;
    font-size: 36px;
    font-weight: 700;
}
.contentPage p {
    margin-top: 15px;
    font-size:16px;
    text-align:justify;
}
.linkBuildBox {
    float: left;
    width: 50%;
}
.contentPage h6 {
    margin-top: 16px;
    font-size: 17px;
    font-weight: 500;
    display: inline-block;
    color: #847147;
}
.contentPage h5{
    color:#0079cb;
    margin-top:15px;
    letter-spacing:0;
    text-align:left;
}
.imgSerchBox{
    position: relative;
    /* box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px; */
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}
.imgSerchBox::before {
    content: '';
    border: 10px solid #967f47;
    position: absolute;
    min-height: 415px;
    min-width: 290px;
    z-index: -1;
    top: -33px;
    right: -40px;
    left: auto;
}
.captionBoxSearch{
    width:100%;
    float:left;
}
.captionBoxSearch ul{
    margin-top:15px;
    width:100%;
    float:left;
}
.captionBoxSearch ul li {
    float: left;
    margin-bottom: 5px;
    position: relative;
    padding-left: 25px;
}
.checkBoxUl li {    
    width: 50%;
    padding-right: 25px;
}

.captionBoxSearch .checkBoxUl li::before{
    content:'\f00c';
    position: absolute;
    left:0;
    top:0;
    font-family: FontAwesome;
    color: #847147;
}
.arrowBoxUl li{
        width:100%;
}
.captionBoxSearch .arrowBoxUl li::before{
    content:'\f101';
    position: absolute;
    left:0;
    top:0;
    font-family: FontAwesome;
    color: #cdae5d;
}
.contact-form-box textarea {
    min-height: 110px;
}
.contact-form-box textarea:focus,.contact-form-box select:focus{
    outline:none;
    box-shadow:none;
}
.mainBox{
    max-width: 41.666667%;
    float:left;
    margin-right: 85px;
    margin-bottom: 45px;
}

/* imgPage2 style here */

.captionBoxSearch .active th {
    background: #ef6d27;
    color: #fff;
}
.captionBoxSearch table tbody tr td {
    font-size: 15px;
}
.captionBoxSearch table tbody tr td:first-child{
    text-align: left;
    padding-left: 35px;
}
.captionBoxSearch table tbody tr td h3 {
    font-size: 17px;
}

/* imgPage3 page style here */
.page3{
    padding: 40px 0;
}
.imgPage3{
    background: url(../images/smobg.jpg);
}
ul.arrowBoxUl.width50 li {
    width: 33%;
}
.contentPage.page3 h5{
    /* float: left; */
    display:inline-block;
}
.contentPage.page3 h5 {
    /* float: left; */
    margin:0 0 0 15px;
    position: relative;
    font-size: 23px;
    text-transform: unset;
    color: #20335c;
}
.contentPage.page3 h5::before{
    content: '';
    position: absolute;
    top: -8px;
    left: -15px;
    background: #957f47;
    width: 100%;
    height: 18px;
    z-index: -1;
}
.captionBoxSearch .page3Width50 li{
    width:50%;
    float: left;
}
.captionBoxSearch .page3Width50 li h4 {
    font-size: 20px;
    color: #0088bd;
}
.bBox{
    margin:5px 0;
}
.contentPage.page3 ul.arrowBoxUl.width33 li {
    width: 33%;
}
.captionBoxSearch .socialCapBox li {
    width: 100%;
}
.captionBoxSearch .socialCapBox li::before {
    content:'\f0a4';
    position: absolute;
    left: 0;
    top: 0;
    font-family: FontAwesome;
    color: #ef6d27;
}
.logoImgBox img {
    width: 32%;
    box-shadow:rgb(0 0 0 / 27%) -7px 1px 12px;
    margin-top: 6px;
}
/* imgPage4 page style here */
.page4{
    padding: 85px 0 45px;
}
.page4 h5 {
    /* margin: 20px 0 0 15px!important; */
}
/* .searchEngineBox.imgPage1 { */
    /* background: url(../images/pay-per-click-management.jpg); */
    /* background-size: cover; */
    /* background-position: center; */
/* } */
/*socialMediaOptimi style here*/
.page12 .captionBoxSearch h4{
    font-size: 20px;
    color: #0088bd;
    margin: 15px 0 0;
}
.clearBox{
    clear:both;
}
.secCaptionBox{
    margin-top:45px;
}
.secCaptionBox .mainBox{
    float:right;
    margin-left:85px;
    margin-right:0px;
}
/* page13 style here */
.page13{
    padding: 40px 0;
}
.contentPage.page13 ul.arrowBoxUl.width33 li{
    padding-right:12px;
}
.clientsLogo{
    width:100%;
    float:left;
    margin-top:15px;
}
.clientsLogo button span {
    font-family: 'FontAwesome' !important;
    font-size: 42px;
    /* line-height: 6px !important; */
    vertical-align: middle;
}
.clientsLogo button {
    position: absolute;
    top: 50%;
    transform: translateY(-50px);
}
.clientsLogo button.owl-prev {
    left: -30px;
}
.clientsLogo button.owl-next {
    right: -30px;
}
.clientsLogo .item {
    margin: 9px;
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
    padding: 9px;
}
.clientsLogo .brandIcon {
    text-align: center;
    background-color: #FFFFFF;
    box-shadow: 0px 3px 15px 0px rgb(0 0 0 / 10%);
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-radius: 10px 10px 10px 10px;
}
/* contactus page style here */
.box-left {
    background-color: #ffffff;
    border: 1px solid #dedede;
    border-top: 4px solid #dedede;
    padding: 20px;
    box-shadow: 0 1px 3px #e4e4e4;
    font-family: var(--family3);    
}
.contacttext h3{
    font-size: 24px;
    font-weight: 900;
    margin-bottom: 25px;    
}
.contacttext p{
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 25px;
}
.contacttext h4 {
    display: block;
    font-size: 16px;
    font-weight: 300;
    line-height: 23px;
}
.box-left h3 {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 15px;        
}

.box-left p{
    margin-bottom:15px;
    margin-top:0;
}
.contentPage .box-left h4{
    display: block;
    font-size: 16px;
    font-weight: 300;
    line-height: 23px;
    margin-bottom: 15px;
    color:#000;
}
.text{
    font-family: var(--family3);
}
.text input {
    width: 100%;
    height: 40px;
    padding: 15px;
    margin-top: 15px;
}
.text textarea{
    width:100%;
    margin-top: 15px;
    padding: 15px;
}
.text textarea:focus{
    outline:none;
}
.text input[type=submit]{
    min-width:155px;
    width: 155px;
    height: 42px;
    padding: 0;
    background: #917b4a;
    border: none;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-transform:uppercase;
}
.text h2{
    font-size: 24px;
    line-height: 32px;
    font-weight: 300;
    margin-bottom: 20px;
}
strong.color-main {
    color: #917b4a;
}
.contentPage.page4 h5{
    margin-top: 20px;
}
/* website-designing page style here */
.liColor li{
    color: #282828;
    font-size:18px;
    display:block;
}
.liColor li span{
    display:block;
}
.liColor li a{
    font-size: 15px;
    color: #6d6d6d;
    display:inline-block;
}

/* hostingPage style here */
.contentPage.page3.hostingPage h5{
    display:inline;
}
.hostingPage .mainBox{
    margin-bottom: 61px;    
}
.hostingBox{
    margin-bottom:30px;
}
.hostingBox h4 {
    font-size: 16px;
    text-align: center;
    margin-top: 10px;
}
.contentPage.page3.hostingPage h5{
    margin-left:0;
}
.contentPage.page3.hostingPage h5:before{
    display:none;
}
.contentPage.page3.hostingPage h3{
    color: #917b4a;
}





.snip1404 {
  color: #000;
  text-align: left;
  font-size: 16px;
  width: 100%;
  margin: 30px 10px;
  float:left;
}
.snip1404 img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  z-index: -1;
}
.snip1404 .plan {
  margin: 0;
  width: 31%;
  position: relative;
  float: left;
  overflow: hidden;
  border: 3px solid #917b4a;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  background-color: #fff;
  margin-right: 30px;
}
.snip1404 .plan:last-child{
     margin-right:0;
}
.snip1404 .plan:hover i,
.snip1404 .plan.hover i {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.snip1404 .plan:first-of-type {
  border-radius: 8px 0 0 8px;
}
.snip1404 .plan:last-of-type {
  border-radius: 0 8px 8px 0;
}
.snip1404 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.snip1404 header {
  background-color: #917b4a;
  color: #ffffff;
}
.snip1404 .plan-title {
  background-color: rgba(0, 0, 0, 0.5);
  position: relative;
  margin: 0;
  padding: 20px 20px 0;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 19px;
}
.snip1404 .plan-title:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 40px 370px 0 0;
  border-color: rgba(0, 0, 0, 0.5) transparent transparent;
}
.snip1404 .plan-cost {
  padding: 40px 20px 10px;
  text-align: right;
}
.snip1404 .plan-price {
  font-weight: 600;
  font-size: 3em;
}
.snip1404 .plan-type {
  opacity: 0.8;
  font-size: 0.7em;
  text-transform: uppercase;
}
.snip1404 .plan-features {
  padding: 0 0 20px;
  margin: 0;
  list-style: outside none none;
}
.snip1404 .plan-features li {
    padding: 6px 5% 0;
    margin-bottom: 0;
    width: 100%;
}
.snip1404 .plan-features i {
  margin-right: 8px;
  color: #917b4a;
  font-size: 14px;
}
.snip1404 .plan-select {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding: 20px;
  text-align: center;
}
.snip1404 .plan-select a {
  background-color: #917b4a;
  color: #ffffff;
  text-decoration: none;
  padding: 12px 20px;
  font-size: 0.75em;
  font-weight: 600;
  border-radius: 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: inline-block;
}
.snip1404 .plan-select a:hover {
  background-color: var(--btnHoverColor);
}
.snip1404 .plan:hover {
  margin-top: -10px;
  border-color: #1f2330;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.4);
  z-index: 1;
  border-radius: 8px;
}
.snip1404 .plan .plan-select {
  padding: 30px 20px;
}
.snip1404 .btnBox a{
    margin-top:0px;
}
.snip1404 .btnBox{
    text-align:center;
}
/* coporte-mailing page style here */
.featPage {
    padding: 25px 0 20px;
}
.featMainBox {
    display: flex;
    margin-top:25px;
}
.leftBox {
    margin-right: 20px;
}
.featPage .featMainBox i{
    font-size: 50px;
    color: #957e47; 
}
.featMainBox .rightBox h4{
    font-size: 20px;
}
.featMainBox .rightBox p{
    text-align: left;
}

















/*responsive*/
@media only screen and (max-width:1140px){
    .imgSerchBox::before {
        min-height: 360px;
    }
    .header .menu > ul > li > a{
        padding: 0 7px;
    }
    .contentPage h2{
        font-size: 26px;
        margin-bottom: 15px;
    }
    .mainBox{
        margin-bottom: 52px;
    }
    li.arrowNone,.arrowNone input[type="email"],.arrowNone input[type="submit"]{
        height: 50px;
    }
    serviceIcon {
        margin-bottom: 17px;
    }
    .serviceIcon i{
/*        font-size: 50px;*/
    }
    .mainAbout h3 {
        font-size: 26px;
    }
    .clicntBox button.owl-prev{
        left: -20px;
    }
    .clicntBox button.owl-next{
        right: -20px;
    }
    .philoCaption h3{
        font-size: 24px;
    }
    .websiteBox {
        padding: 40px 0 30px;
    }
    .philosophyBox .philoCaption ul li{
        flex-direction: column;
        text-align: center;
    }
    .philLeft{
        width:100%;
        margin-right:0;
        margin-bottom:10px;
        text-align: center;
    }
    /*page3 style here*/
    .page3 {
        padding: 20px 0 15px;
    }
    
    /* page12 style here*/
    .secCaptionBox .mainBox {
        float: right;
        margin-left: 25px;    
        margin-right: 39px;
    }
    .page12{
        padding-top:70px;
    }
    
    /* slider style here */
    .textBox h4{
        font-size: 25px;
        line-height: 35px;
    }
    span.topBoxBann {
        font-size: 35px;
        text-transform: uppercase;
    }
    span.topBoxBann.topBoxBann2 {
        font-size: 25px;
    }
    .textBox h2 {
        font-size: 35px;
        margin-bottom: 15px;
        margin-top: 5px;
        line-height: 45px;
    }
    .serviceBox {
        margin-top: -105px;
    }
    .contentPage {
        padding: 50px 0 20px;
    }
    .page1,.page4{
        padding: 65px 0 20px;
    }
    
    
}
@media(min-width: 992px){
.header .menu > ul > li.menu-item-has-children:hover .sub-menu{
    margin-top:0px;
    visibility: visible;
    opacity: 1;
}

}
@media(max-width: 991px){
    .header .mobileIcon {
        display:block;
    }
    .header .item-center{
        order:3;
        flex:0 0 100%;
    }
    .header .logo,
    .header .mobileIcon{
        flex:0 0 auto;
    }   
    .header .mobile-menu-trigger{
        display: flex;
        height: 30px;
        width: 30px;
        margin-left: 15px;
        cursor: pointer;
        align-items: center;
        justify-content: center;
    }
    .header .mobile-menu-trigger span{
        display: block;
        height: 2px;
        width: 24px;
        position: relative;
    }
    .header .mobile-menu-trigger span,
    .header .mobile-menu-trigger span:before,
    .header .mobile-menu-trigger span:after{
        background-color: #787878;
    }
    .header .mobile-menu-trigger span:before,
    .header .mobile-menu-trigger span:after{
        content: '';
        position: absolute;
        left:0;
        width: 100%;
        height: 100%;       
    }
    .header .mobile-menu-trigger span:before{
        top:-6px;
    }
    .header .mobile-menu-trigger span:after{
        top:6px;
    }
    .header .mobileIcon{
        align-items: center;
    }
    .header .menu{
        position: fixed;
        width: 320px;
        background-color:#ffffff;
        left:0;
        top:0;
        height: 100%;
        overflow: hidden;
        transform: translate(-100%);
        transition: all 0.5s ease;
        z-index: 1099;
    }
    .header .menu.active{
       transform: translate(0%);    
    }
    .header .menu > ul > li{
        line-height: 1;
        margin:0;
        display: block;
    }
    .header .menu > ul > li > a{
        line-height: 50px;
        height: 50px;
        padding:0 50px 0 15px;
        display: block;
        border-bottom: 1px solid rgba(0,0,0,0.1);
        color:#000;
    }
    .header .menu > ul > li > a i{
        position: absolute;
        height: 50px;
        width: 50px;
        top:0;
        right: 0;
        text-align: center;
        line-height: 50px;
        transform: rotate(-90deg);
    }
    .header .menu .mobile-menu-head{
        display: flex;
        height: 50px;
        border-bottom: 1px solid rgba(0,0,0,0.1);
        justify-content: space-between;
        align-items: center;
        position: relative;
        z-index: 501;
        position: sticky;
        background-color: #ffffff;
        top:0;
    }
    .header .menu .mobile-menu-head .go-back{
        height: 50px;
        width: 50px;
        border-right: 1px solid rgba(0,0,0,0.1);
        cursor: pointer;
        line-height: 50px;
        text-align: center;
        color:#000000;
        font-size: 16px;
        display: none;
    }
    .header .menu .mobile-menu-head.active .go-back{
        display: block;
    }
    .header .menu .mobile-menu-head .current-menu-title{
        font-size: 15px;
        font-weight: 500;
        color:#000000;
    }
    .header .menu .mobile-menu-head .mobile-menu-close{
        height: 50px;
        width: 50px;
        border-left: 1px solid rgba(0,0,0,0.1);
        cursor: pointer;
        line-height: 50px;
        text-align: center;
        color:#000000;  
        font-size: 25px;
    }
    .header .menu .menu-main{
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
    }
    .header .menu > ul > li .sub-menu.mega-menu,
    .header .menu > ul > li .sub-menu{
        visibility: visible;
        opacity: 1;
        position: absolute;
        box-shadow: none;
        margin:0;
        padding:15px;
        top:0;
        left:0;
        width: 100%;
        height: 100%;
        padding-top: 65px;
        max-width: none;
        min-width: auto;
        display: none;
        transform: translateX(0%);
        overflow-y: auto;
    }
    .header .menu > ul > li .sub-menu.active{
        display: block;
    }
    @keyframes slideLeft{
        0%{
            opacity:0;
            transform: translateX(100%);
        }
        100%{
            opacity:1;
            transform: translateX(0%);  
        }
    }
    @keyframes slideRight{
        0%{
            opacity:1;
            transform: translateX(0%);
        }
        100%{
            opacity:0;
            transform: translateX(100%);    
        }
    }
    .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img{
        margin-top:0;
    }
    .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title{
        margin-bottom: 20px;
    }
    .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center:last-child .title{
        margin-bottom:0px;
    }
    .header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item{
        flex: 0 0 100%;
        padding: 0px;
    }
    .header .menu > ul > li .sub-menu > ul > li > a,
    .header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a{
        display: block;
    }
    .header .menu > ul > li .sub-menu.mega-menu > .list-item > ul {
        margin-bottom: 15px;
    }
    .menu-overlay{
        position: fixed;
        background-color: rgba(0,0,0,0.5);
        left:0;
        top:0;
        width: 100%;
        height: 100%;
        z-index: 1098;
        visibility: hidden;
        opacity:0;
        transition: all 0.5s ease;
    }
    .menu-overlay.active{
      visibility: visible;
      opacity:1;    
    }
    .imgSerchBox::before {
        min-height: 283px;
    }
    .subBox {
        margin-top: 15px;
        padding-left: 50px;
    }
    .aboutBox{
        padding: 60px 0;
    }
    .serviceBox {
        margin-top: 0;
        padding: 35px 0 0;
    }
    .itemProd{
        margin-top:30px;
    }
    .webItemBox{
        margin-top:20px;
    }
    .philosophyBox .philoImg{
        display:none;
    }
    .philosophyBox .philoCaption{
        width: 100%;
    }
    .philosophyBox .philoCaption ul li{
        flex-direction: row;
        text-align: left;
    }
    .philLeft {
        width: 12%;
        margin-right: 13px;
    }
    .webInner {
        border: 2px solid #917b4a;
        padding: 15px;
    }
    .mainAbout {
        padding-right: 0;
    }
    .owl-carousel .owl-item .brandIcon img {
        display: unset;
        width: auto;
    }
    .philosophyBox .philoCaption ul li {
        flex-direction: column;
        text-align: center;
    }
    .philLeft {
        width:100%;
        margin-right:0px;
    }
    .philRight {
        width: 100%;
    }
    .textBox h3 {
        font-size: 18px;
    }
    span.topBoxBann, span.generateBoxBann {
        font-size: 27px;
    }
    span.majorBoxBann {
        font-size: 25px;
    }
    span.Box10Bann, .MoreBoxBann{
        font-size: 37px;
    }
    .textBox h2{
        font-size: 30px;

    }

    /* page3 style here */
    .contentPage.page3 ul.arrowBoxUl.width33 li {
        width: 50%;
    }
    .logoImgBox img {
        width: 49%;
        
    }
    /*page12 style here*/
    .page12 {
        padding-top:30px;
    }
    .secCaptionBox .mainBox{
        margin-right: 0;
    }
    /* banner style here */
    .posiBox{
        top:17%;
    }
    .textBox h4{
        line-height: 40px;
    }
    .btnBox a{
        margin-top:25px;
    }
    .page1, .page4 {
        padding: 30px 0;
    }
    footer{
        padding: 30px 0;
    }

    .pageLinkBuil .linkBuildBox{
        width: 100%;
    }   
    .contentPage {
        padding: 15px 0 20px;
    }
    .snip1404 .plan{
        width: 32%;
        margin-right: 10px;
    }
    .snip1404 .plan-title{
        font-size:15px;
    }
    .snip1404 .plan-price{
        font-size:2em
    }
    .snip1404 .plan-features li{
        font-size:14px;
    }
    .snip1404 .plan-features i{
        font-size: 12px;
    }
    .snip1404 .plan-select a{
        padding: 6px 16px;
    }
    /* corporate-mailing style here */
    .featMainBox{
        flex-direction: column;
        text-align: center;
    }
    .leftBox {
        margin-right:0px;
        margin-bottom: 20px;
    }
    .featMainBox .rightBox p{
        text-align:center;
    }
    

}


@media(max-width:768px){
    .imgSerchBox::before{       
        min-height: 280px;
    }
    footer{
        margin-top:0;
    }
    .contentPage h2 {
        margin-bottom: 12px;
        font-size: 24px;
    }
    .foLogo{
        position: relative;
        margin-top: 0;
        top:0;
        margin-bottom: 25px;
    }
    .mainBox{
        max-width: 50%;
        float: left;
        margin-right: 30px;
        margin-bottom: 30px;
    }
    .imgSerchBox::before{
        display:none;
    }
    .aboutRightBox{
        display:none;
    }
    .brandInnBox {
        padding: 15px;
    }
    .websiteBox {
        padding: 20px 0 30px;
    }
    .webInner{
        height:100%;
    }
    /* banner style here */
    .posiBox {
        top: 12%;
    }
    .btnBox a {
    margin-top: 5px;
    }
    
    /* about us style here */
    .secCaptionBox .mainBox {
        margin-right: 30px;
    }
    .contentPage.page3.hostingPage h3 {
        color: #ef6d27;
        font-size: 21px;
    }
    /* corporate-mailing style here */
    .featMainBox{
        border: 1px solid #ef6d27;
        padding: 15px;
        margin-top: 15px;
    }
    
}
@media(max-width:767px){
    .contentPage h2 {
        font-size: 24px;
    }
    .arrowNone input[type="email"]{
        padding-right:140px;
    }
    .arrowNone input[type="submit"]{
        min-width: 133px;
    }
    .contentPage {padding: 45px 0;
    }
    .aboutBox {
        padding: 30px 0;
        margin: 30px 0;
    }
    .mainAbout ul li{
        width:100%;
    }
    .btnBox a{
        padding:15px 30px;
        font-size:14px;
    }
    .mainAbout .btnBox a {
        margin-top: 16px;
    }
    .clicntBox,.mainQuery {
        padding: 30px 0;
    }
    .mainQuery h3{
        font-size: 27px;
        margin-bottom: 7px;
    }
    .mainQuery .btnBox{
        margin-top: 17px;
    }
    .brandBox {
        padding: 30px 0;
    }
    .brandBox h2{
        font-size: 27px;
    }
    .itemBrand {
        margin-top: 20px;
    }
    .philosophyBox .philoCaption ul li{
        width:100%;
        border: 2px solid #917b4a;
        padding: 15px;
    }
    .single-coutnerup span {
        font-size: 25px;
    }
    /* page3 style here */
    .contentPage {
        padding: 20px 0;
    }
    .contentPage.page3 ul.arrowBoxUl.width33 li {
        width: 50%;
        font-size: 15px;
    }
    /* .captionBoxSearch .page3Width50 li:first-child{
        padding-left:5px;
    } */
    /* .captionBoxSearch .page3Width50 li:first-child > ul li{
        padding-left: 25px;
    } */
    .captionBoxSearch .page3Width50 li h4 {
        font-size: 17px;
    }
    .contentPage p{
        font-size: 15px;
    }
    .captionBoxSearch .socialCapBox li{
        font-size: 15px;
    }
    .logoImgBox img {
        width: 47%;
        margin-top: 11px;
        /* margin-right: 5px; */
    }
    .logoImgBox img:nth-child(2n){
        margin-right:0px;
    }
    .captionBoxSearch .page3Width50 li {
        width: 100%;
    }
    .captionBoxSearch .page3Width50 li h4{
        margin-top: 14px;
    }
    .cycle-slideshow > div{
        height:80vh;
    }
    .serviceBox{
        padding: 10px 0 0;
    }
    .mainAbout h3 {
        font-size: 21px;
    }
    /* page12 style here */
    .secCaptionBox .mainBox{
        float:left;
        margin-left:0;
    }
    .secCaptionBox {
        margin-top: 25px;
    }
    /* banner style here */
    .posiBox {
        top: 10%;
    }
 
    .box-left h3{
        font-size: 22px;
        margin-bottom: 5px;
    }
    .hostItem {
        border: 1px solid #ef6d27;
        margin-bottom: 12px;
        padding: 12px;
    }
    .hostingPage .mainBox {
        margin-bottom: 30px;
    }
    .hostingBox {
        margin-bottom: 0;
    }
    .snip1404{
        margin-top:10px;
        margin-left: 0;
    }
    .snip1404 .plan{
        width: 100%;
        margin-right:0px;
        margin-top:15px;
    }
    .snip1404 .plan-title:after{
            border-width: 40px 580px 0 0;
    }
}
@media(max-width:581px){
    .mainBox {
        max-width: 100%;
        margin-right: 0;
    }
    .checkBoxUl li {
        width: 100%;
        padding-right: 0;
    }
    h4.modal-title {
        font-size: 18px;
    }
    span.topBoxBann, span.generateBoxBann {
        font-size: 23px;
    }
    span.Box10Bann, .MoreBoxBann {
        font-size: 27px;
    }
    span.majorBoxBann {
        font-size: 21px;
    }
    /* .textBox{ */
        /* left: 41%; */
        /* top: 39%; */
    /* } */
    .textBox h2 {
        font-size: 22px;
    }
    .textBox h3 {
        font-size: 15px;
    }
    .cycle-slideshow > div {
        height: 70vh;
    }

    /* page3 style here */

    .searchEngineBox h2{
        font-size: 20px;
    }
    .contentPage.page3 ul.arrowBoxUl.width33 li {
        width: 100%;
    }
    /* banner style here */
    .textBox h4 {
        line-height: 30px;
    }
    .textBox h2 {
        line-height: 25px;
        margin-bottom: 12px;
    }
    /* banner style end here */
    .philoCaption h3 {
        font-size: 20px;
    }
    .box-left h3 {
        font-size: 20px;
    }
    
}

@media(max-width:425px){
    .imgSerchBox::before{
        display:none;
    }
    .contentPage {
        padding: 35px 0;
    }
    .checkBoxUl li {
        width: 100%;
        padding-right: 0;
    }
    .mainBox {
        max-width: 100%;
        float: left;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .pgaeLink{
        padding-left:30px!important;
    }
    .pgaeLink ul li{
        margin-left:0px;
    }
    .subBox{
        padding-left: 30px;
        margin-top: 0;  
    }
    .foLogo{
        margin-bottom: 0;
    }
    footer h4{
        margin-top:10px;
        margin-bottom:10px;
    }
    .contentPage h2,.searchEngineBox h2 {
        font-size: 21px;
    }
    
    /* banner style here */
    .posiBox {
        top: 5%;
    }
    .textBox h4 {
        font-size: 19px;
        line-height: 25px;
    }
    span.topBoxBann, span.generateBoxBann {
        font-size: 18px;
    }
    .textBox h2 {
        font-size: 19px;
        line-height: 20px;  
        margin-bottom: 2px;     
    }
    .btnBox a {
        padding: 10px 20px;
        font-size: 13px;
    }
    .searchEngineBox {
        padding: 50px 0;
    }
    .contentPage h2, .searchEngineBox h2 {
        font-size: 18px;
    }
    .clentsPage {
        padding: 10px 0;
    }
}


div#requestQuote {}

div#requestQuote .modal-content {padding: 15px 20px;}

div#requestQuote .modal-dialog.popup_dilogue {max-width: 60%;}


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

.mb--15{ margin-bottom:15px !important; }
.mb--10{ margin-bottom:10px !important; }
.mb--30{ margin-bottom:30px !important; }
.mb--40{ margin-bottom:40px !important; }
.mb--50{ margin-bottom:50px !important; }
.mt--20{ margin-top:20px !important; }
.mt--30{ margin-top:30px !important; }
.mt--10{margin-top: 10px !important;}
.mt--15{margin-top: 15px !important;}

.title_box.center h2 {
    margin: 0 auto;
}

/* Title Box  */
.title_box {}

.title_box p {color: #363636;margin: 0;font-weight: 500;}
.title_box h2 {
    color: #111;
    position: relative;
    display: table;
}

.title_box h2::after {
    content: "";
    width: 66%;
    height: 2px;
    background: radial-gradient(rgb(203 203 203),transparent);
    position: absolute;
    /* transform: translate(-50%,-50%); */
    left: 0;
    top: 117%;
}
.title_box.center h2::after { transform: translate(-50%,-50%);left: 50%; }


.title_box.center {
    text-align: center;
}
/* Title Box  */


.container-fluid{padding:0 60px;}

.header .menu > ul > li:hover > a {
    color: #e5c784;
}

.serviceMain:hover .serviceIcon {
    background: #fff;
}

.serviceMain:hover .serviceCap a {
    background: #fff;
    color: #55472d;
}

.title_box.light_clr  p {
    color: white;
}



.mybtn {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #9e8556;
    padding: 6px 15px;
    color: #fff;
    border-radius: 5px;
    border-bottom: 3px solid #55472d;
    transform: 0.5s ease-in-out all;
}

.mybtn:hover {
    background: #fff;
    color: #55472d;
    transform: 0.5s ease-in-out all;
}

.mybtn.light {
    font-size: 12px;
    background: #fff;
    color: #55472d;
    padding: 6px 15px;
    border-radius: 5px;
}
.mybtn:hover i {
    margin-left: 11px;
    transition: 0.5s ease-in-out all;
}

.mybtn i {
    transition: 0.5s ease-in-out all;
}


.overlay_blue {
    position: relative;
}

.overlay_blue:before {
    content: "";
    position: absolute;
    background: #0e1934a6;
    left: 0;
    right: 0;
    height: 100%;
    top: 0;
    width: 100%;
}

.title_box h2 span {
    color: #ac8b42;
}

.title_box.light_clr h2 {
    color: #ccba80;
}


section.mainQuery {
    width: 100%;
}

section.mainQuery {}

.seo_title_box {}

.seo_title_box h2 {
    color: #fff;
}

.seo_title_box p {
    color: #bd9b59;
    text-transform: uppercase;
    font-size: 23px;
    font-weight: 600;
}

.seo_title_box .btnBox {
    text-align: left;
    margin-top: 15px;
}

.seo_title_box form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    row-gap: 13px;
}

.philoImg .mobile_hand {
    width: 85%;
    position: relative;
    margin-left: 60px;
    transition: .5s;
    position: absolute;
    bottom: -13px;
    right: -36px;
}

.philoImg .mobile_hand:hover {
    transform: rotate(4deg);
}


.philoImg::before {
    content: "";
    width: 630px;
    height: 630px;
    background: #23345d;
    position: absolute;
    border-radius: 50%;
    bottom: -20px;
    left: 154px;
}


.websiteBox .webInner {
    column-gap: 15px;
    justify-content: center;
}

.wenIcon:before {
    content: "";
    position: absolute;
    left: 1px;
    top: 2px;
    width: 86px;
    height: 86px;
    background: #917b4a52;
    z-index: -1;
    transform: rotate(12deg);
    border-radius: 10px;
    transition: 0.5s ease-in-out all;
}

.webInner:hover {}

.webInner:hover .wenIcon {}

.webInner:hover .wenIcon::before {
    transform: rotate(-12deg);
    transition: 0.5s ease-in-out all;
    background: #23345d;
}

header:before {
    /* background: linear-gradient(180deg, #00000096, transparent); */
    width: 100%;
    height: 137px;
    position: fixed;
    top: 0;
    content: '';
    left: 0;
    opacity: 1;
    right: 0;
    margin: auto;
    z-index: -1;
}

.sticky:before {
    display: none;
}

.header.sticky .menu > ul > li > a {
    color: #222;
}


.content_video {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 150px;
}

.content_video h2 {
    font-size: 50px;
    color: #eed49a;
    margin-bottom: 15px;
    font-weight: 900;
}

.content_video p {
    font-size: 20px;
    color: #f9f9f9;
}