*body {
    margin: 0px;
    padding: 0px;
}

button a {
    color: #ff9600;
    text-decoration: none;
}
button a:hover {
    color: #fff;
    text-decoration: none;
}
div#home-frist-section button a {
    color: #fff;
    text-decoration: none;
}
button:hover a{
    color:#fff;
}
img#contactus-mailicon {
    width: 35px !important;
    margin-top: 8px;
}



/* google button */
div#offcanvasbutton button.btn.btn-primary {
  
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 12px 16px;
    background-color: #fff;
    border-radius: 8px;
    color: black;
    margin: 20px;
    position: fixed;
    bottom: 0px;
    z-index: 999999999999999999999999;
    box-shadow: rgb(0 0 0 / 10%) 0px 6px 12px 0px;
    left: 0px;
    right: auto;
    cursor: pointer;
    border: 1px solid #fff;
}

div#offcanvasbutton img {
    width: 25px;
}

.googlereview-box #offcanvasbutton span.rating-text {
    font-weight: 500;
    line-height: normal;
    font-size: 20px;
    color: #000063;

}

div#offcanvasbutton span.fa.fa-star.checked {
    color: rgb(255, 235, 0);
}

div#offcanvasbutton .offcanvas-header {
    justify-content: center !important;
}

.reviewbox h2 {
    color: #000063;
    font-size: 25px;
    line-height: 0px;
    font-weight: 500;
    text-align: center;
    padding: 40px 0px 10px 0px;
}

div#offcanvasbutton p {
    font-size: 15px;
    text-align: center;
    color:#494949;
}

.reviewbox {
    margin: 0px auto;
    text-align: center;
}

.sd p {
    font-size: 16px;
    line-height: 0px;
    color: #373737;
    margin-bottom: 35px;
    font-family: 'Poppins';
    text-align: center;
}

.reviewbox span.fa.fa-star.checked {
    color: #ffa500;
    font-size: 17px;
    letter-spacing: 2px;
    padding-top: 10px;
}

.googlereview-box {
    align-items: center;
    padding: 30px 20px 30px;
    background-color: rgba(17, 17, 17, 0.05);
    border-radius: 10px;
}

.googlereview-box span.fr {
    color: #000063;
    font-size: 20px;
    line-height: 1;
    padding: 20px;
    font-weight: 500;
}

.googlereview-rating span.rating-text {
    padding: 0px 39px 0px 10px;
}

.googlereview-rating {
    padding: 3px 0px 15px 3px;
}

div#offcanvasbutton button.write {
    cursor: pointer;
    background-color: #ff9600;
    border: 1px solid #ff9600;
    padding: 6px 30px;
    border-radius: 8px;
    margin: 10px 0px 0px 0px;
    font-size: 15px;
}

div#offcanvasbutton button.write a {
    color: #fff;
    text-decoration: none;
}

.googlereview-comment p {
    font-size: 14px;
    text-align: left !important;
    font-weight: 400;
    padding: 10px 0px 0px 0px;
}

.offcanvas.showing,
.offcanvas.show:not(.hiding) {
    transform: none;
    z-index: 999999999;
}

#loadMore {
    cursor: pointer;
    background-color: #ff9600;
    border: 1px solid #ff9600;
    padding: 6px 30px;
    border-radius: 8px;
    margin: 10px 0px 0px 0px;
    font-size: 15px;
    text-align: center;
    color: white;
}

#loadMore a {

    color: white;
    text-decoration: none;
    text-align: center;

}
/*
 *  STYLE 3
 */

 .offcanvas-body::-webkit-scrollbar-track
 {
    
    background-color: #ff9600;
    border-radius: 50px !important;
 }
 
 .offcanvas-body::-webkit-scrollbar
 {
     width: 8px;
     background-color: #ff9600;
     border-radius: 50px !important;
 } 
 
 .offcanvas-body::-webkit-scrollbar-thumb
 {
    background-color: #000063;
    border-radius: 50px !important;
 }
 


/*google-review-comment */
.googlereview-commentbox {
    align-items: center;
    padding: 15px 20px 15px;
    background-color: rgba(17, 17, 17, 0.05);
    border-radius: 10px;
    margin: 0px 0px 50px 0px;
    display: none;
}

.googlereview-profile img {
    width: 50px !important;
    height: 50px !important;
    border-radius: 50px;
}

.googlereview-title {
    padding: 0px 0px 0px 25px;
}

.googlereview-profile {
    display: flex !important;
    flex-wrap: nowrap !important;
}

.googlereview-profile .googlereview-rating {
    padding: 5px 0px 10px 0px;
    font-size: 5px !important;
}

.googlereview-rating span.fa.fa-star.checked {
    color: #fcbf02;
    font-size: 20px;
}

.googlereview-box {
    margin: 0px 0px 50px 0px;
}
.googlereview-icons img {
    width: 50px !important;
    padding-top: 15px;
}

.googlereview-post h4 {
    font-size: 17px;
    padding: 10px 0px 0px 0px;
    color: #051b51;
    font-weight: 500;
}
.googlereview-post h5 {
    font-size: 15px;
    color: #ff9600;
}
span.fr {
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    margin-left: 4px;
    color: #051b51;
}



.googlereview-logo img {
    width: 50px !important;
}

.moretext {
    display: none;
  }

  a.moreless-button {
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    margin-left: 4px;
    color: #051b51;
}

ul.points li:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 2px;
    background: #ff9600;
    margin-left: -25px;
    margin-top: 10px;
}

/* section.header {
    background-image: url(./images/1_section\ 01.jpg);
    background-size: cover;
} */
.text-bg-dark {
    background-color: #051b51 !important;
}

.navbar-nav .show > .nav-link, .navbar-nav .nav-link.active{
    color: white;
    text-decoration: none;
    padding-bottom: 0px;
}

.navbar-nav .show > .nav-link, .navbar-nav .nav-link.active:hover{
    color: #ff9600;
}

section.header li.nav-item a {
    color: white;
    text-decoration: none;
    padding: 10px 0px;
    line-height: 60px;
    font-size: 22px;
}

section.header li.nav-item a:hover {
    color: #ff9600;
}



i.hd {
    font-size: 0px;
    padding-left: 15px;
}
.second-banner {
    background: #f6f6f6;
    padding: 12px 0px;
}


/*.hero {*/
/*    position: relative;*/
/*    margin-top: -15%;*/
/*    width: 100%;*/
/*    -webkit-touch-callout: none;*/
/*    -webkit-user-select: none;*/
/*    -khtml-user-select: none;*/
/*    -moz-user-select: none;*/
/*    -ms-user-select: none;*/
/*    user-select: none;*/
/*}*/


section.header nav.navbar.fixed-top {
    position: absolute;
    width: 100%;
    background: transparent;
}
.fixed-top{
    background:#051B51 !important;
    z-index:9999999999 !important;
}

div#home-frist-section h1 {
    color: white;
    font-weight: 500;
font-size: 32px;
    line-height: 42px;
}

div#home-frist-section h1 span {
    color: #ff9600;
}

div#home-frist-section p {
    font-size: 17px;
    color: white;
    font-weight: 400;
}

 /* div#home-frist-section {
    padding: 9rem 0px;
}  */
div#home-frist-section {
    padding: 15rem 0px 0px 8rem;
    position: absolute;
}

div#home-frist-section button {
    background-color: #0000;
    font-size: 20px;
    margin: 0px 50px 0px 0px;
    border-bottom: 1px solid #fff;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    color: #fff;
    font-weight: 400;
    line-height: 2em;
    padding: 5px 15px;

}

span.navbar-toggler-icon:after {
    content: '\f0c9';
    font-family: 'FontAwesome';
    color: #fff;
    font-size: 26px;
}
.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: none;
}

div#home-frist-section button:hover {
    background-color: #ff9600;
    font-size: 20px;
    margin: 0px 50px 0px 0px;
    border: 1px solid;
    border-color: #fff;
    color: #fff;
    font-weight: 400;
    line-height: 2em;
    padding: 5px 15px;
}

.second-section .btn:hover{
    background-color: #fff;
    border: 1px solid #ff9600;
    color: #ff9600;
}

.viewportfolio-btn .btn:hover{
    background-color: #fff !important;
    border: 1px solid !important;
    border-color: #ff9600 !important;
    color: #ff9600 !important;
}
section.section-eight .btn:hover{
    background-color: #ff9600;
    border: 1px solid;
    border-color: #fff;
    color: #fff;
}



.second-section h3 {
    color: #ff9600;
    font-weight: 400;
    font-size: 20px;
    word-spacing: 3px;
    letter-spacing: 1px;
}

.second-section h1 {
    color: #051b51;
    font-weight: 500;
font-size: 32px;
    line-height: 42px;
    text-transform: uppercase;
    margin-left: -3px;
}

.second-section p {
    color: #494949;
    font-size: 15px;
    font-weight: 400;
}

.second-section .btn {
    color: #fff;
    border: 1px solid #ff9600;
    padding: 6px 30px;
    border-radius: 8px;
    background: #ff9600;
}


div#\32 nd-section-img {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

div#\32 nd-section-img img {
    width: 100%;

}

.banner-sec3 h3 {
    color: #ff9600;
    font-weight: 400;
    font-size: 20px;
    word-spacing: 3px;
    letter-spacing: 1px;
    text-align: center;
    padding-top: 30px;
}

.banner-sec3 h1 {
    color: #051b51;
    font-weight: 500;
font-size: 32px;
    line-height: 42px;
    text-transform: uppercase;
    text-align: center;
}


/* Gallery  */

#box-zoom {
    height: 400px;
    width: 25%;
    overflow: hidden;
    margin: 0px;
}


.galleryimage-box1:hover span.portfolio-link {

    opacity: 1;

}

.galleryimage-box2:hover span.portfolio-link {
    opacity: 1;
}

.galleryimage-box3:hover span.portfolio-link {
    opacity: 1;
}

.galleryimage-box4:hover span.portfolio-link {
    opacity: 1;
}

.galleryimage-box5:hover span.portfolio-link {
    opacity: 1;
}

.galleryimage-box6:hover span.portfolio-link {
    opacity: 1;
}

.galleryimage-box7:hover span.portfolio-link {
    opacity: 1;
}

.galleryimage-box8:hover span.portfolio-link {
    opacity: 1;
}

.galleryimage-box2 span.portfolio-logo img {
    width: 40%;
    display: block;
    text-align: center;
    margin: 10px auto;
}

.galleryimage-box4 span.portfolio-logo img {
    width: 40%;
    display: block;
    text-align: center;
    margin: 10px auto;
}

.galleryimage-box3 span.portfolio-logo img {
    width: 30%;
    display: block;
    text-align: center;
    margin: 12px auto 10px auto;
}

.gallerybutton span.portfolio-link {
    color: #ffffff;
    border-radius: 0px;
    padding: 7px 15px;
    background: #0000;
    border: 1px solid #ffffff;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 2px;
    opacity: 0;
    display: flex;
    justify-content: center;
    width: 60%;
    margin: 0px auto;
}


.gallerybutton span.portfolio-link:hover {
    background: #fff;
    color: #000;
    font-weight: 400;
    font-size: 16px;
    border: 1px solid #fff;

}

.gallerybutton span.portfolio-link:hover a {

    color: black;

}

.gallerybutton span.portfolio-link a {
    color: #ff9600;
    text-decoration: none;
    font-weight:600;
}

.gallerybutton {
    margin: 6rem 0 0 0;
}

.reviewprofile-image {
    height: 60px;
}



.galleryimage-box1 {

    width: 100%;
    height: 100%;
    background-size: cover;
    transition: transform ease 0.9s;
    overflow: none;
    background-color: rgba(0, 0, 0, 5);
}

.galleryimage-box2:hover {
    transform: scale(1.2);
}

.galleryimage-box2 {

    width: 100%;
    height: 100%;
    background-size: cover;
    overflow: none;
    transition: transform ease 0.9s;
    background-color: rgba(0, 0, 0, 5);
}

.galleryimage-box3:hover {
    transform: scale(1.2);

}

.galleryimage-box3 {

    width: 100%;
    height: 100%;
    background-size: cover;
    transition: transform ease 0.9s;
    overflow: none;
    background-color: rgba(0, 0, 0, 5);


}

.galleryimage-box4:hover {
    transform: scale(1.2);

}

.galleryimage-box4 {

    width: 100%;
    height: 100%;
    background-size: cover;
    transition: transform ease 0.9s;
    overflow: none;
    background-color: rgba(0, 0, 0, 5);
}

.galleryimage-box5:hover {
    transform: scale(1.2);

}

.galleryimage-box5 {

    width: 100%;
    height: 100%;
    background-size: cover;
    transition: transform ease 0.9s;
    overflow: none;
    background-color: rgba(0, 0, 0, 5);

}

.galleryimage-box6:hover {
    transform: scale(1.2);

}

.galleryimage-box6 {

    width: 100%;
    height: 100%;
    background-size: cover;
    transition: transform ease 0.9s;
    overflow: none;
    background-color: rgba(0, 0, 0, 5);
}

.galleryimage-box7:hover {
    transform: scale(1.2);

}

.galleryimage-box7 {

    width: 100%;
    height: 100%;
    background-size: cover;
    transition: transform ease 0.9s;
    overflow: none;
    background-color: rgba(0, 0, 0, 5);
}

.galleryimage-box8:hover {
    transform: scale(1.2);

}

.galleryimage-box8 {

    width: 100%;
    height: 100%;
    background-size: cover;
    transition: transform ease 0.9s;
    overflow: none;
    background-color: rgba(0, 0, 0, 5);
}

.galleryimage-box1:hover {
    transform: scale(1.2);
}




.gallerytext-box {
    padding: 80px 50px 0px 60px;
    margin: 0px auto;
}

.gallerytext-box span {
    color: #ffffffb8;
    font-weight: 600;
}

.gallerytext-box p {
    color: #fff;
    line-height: 1px;
    font-weight: 700;
    font-size: 18px;
}

.viewportfolio-btn {
    display: flex;
    justify-content: center;
}

.viewportfolio-btn .btn {
    color: #fff;
    border: 1px solid #ff9600;
    padding: 8px 30px;
    border-radius: 6px;
    background: #ff9600;
    font-size: 20px;
    letter-spacing: 1px;
    word-spacing: 2px;
    z-index: 9999999999;
}
.viewportfolio-btn .btn:hover{
    color: #ff9600;
    border: 1px solid #ff9600;
    background: #fff;
}

div#creative-section h3 {
    font-weight: 400;
    font-size: 20px;
    word-spacing: 3px;
    letter-spacing: 1px;
    color: #051b51;
}

div#creative-section h1 {
    color: #ff9600;
    font-weight: 500;
    font-size: 32px;
    line-height: 42px;
    text-transform: uppercase;
    margin-left: 0px;
}

div#creative-section p {
    color: #494949;
    font-size: 15px;
    font-weight: 400;
}

div#sec4video img {
    width: 100%;
}

div#creative-section .viewportfolio-btn {
    display: flex;
    justify-content: START;
}



/* image scroll */

.tiles-gallery {
    height: 40vw;
    position: relative;
    overflow: hidden
}

.tiles-gallery .tiles-wrap {
    height: calc(52vw * 1.8);
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(22.5deg);
    transform: translate3d(-50%, -50%, 0) rotate(22.5deg);
    width: 150%;
    position: absolute;
    left: 50%;
    top: 50%
}

.tiles-gallery .tiles-wrap .tiles-line {
    display: -webkit-flex;
    display: flex;
    will-change: transform
}

.tiles-gallery .tiles-wrap .tiles-line:nth-child(odd) {
    -webkit-transform: translate3d(10%, 0, 0);
    transform: translate3d(10%, 0, 0)
}

.tiles-gallery .tiles-wrap .tiles-line:nth-child(even) {
    -webkit-transform: translate3d(-10%, 0, 0);
    transform: translate3d(-10%, 0, 0)
}

.tiles-gallery .tiles-wrap .tiles-line .tiles-line-img {
    width: calc(16.6666% - 0.75rem * 2);
    height: calc(52vw * 1.8/5 - (4 * 0.75rem/2));
    -webkit-flex: none;
    flex: none;
    margin: .75rem;
    overflow: hidden
}

.tiles-gallery .tiles-wrap .tiles-line .tiles-line-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.tiles-gallery.half {
    /* height:100%; */
    overflow: hidden;
    box-shadow: 0 0 40px 5px rgb(0 0 0/8%)
}

.tiles-gallery.half .tiles-wrap {
    height: calc(34vw * 1.8)
}

.tiles-gallery.half .tiles-wrap .tiles-line-img {
    height: calc(34vw * 1.8/5 - (4 * 0.75rem/2))
}

#content-image.full .image {
    position: relative;
    height: 100%;
}

.wave-top {
    position: absolute;
    margin-top: -60px;
    left: 0;
    width: 100%;
    z-index: 2;
    height: 80px;
    pointer-events: none;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.wave-top svg {
    width: 100%;
    height: 100%;
}

.wave-bottom {
    position: absolute;
    margin-top: -153px;
    left: 0;
    width: 100%;
    z-index: -1;
    height: 400px;
    pointer-events: none;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

div#sec4-second {
    padding: 50px 0px 0px 0px;
}

.image svg {
    z-index: 999;
    position: absolute;
    width: 78%;
    margin-top: -40px;
    height: 85px;
    pointer-events: none;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    fill: #f6f6f6;
}

.wave-bottom svg {
    fill: #f6f6f6c2;
}

.tabsec ul#pills-tab {
    margin: 0px auto;
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid #ff9600;
}

.tabsec .nav-pills svg {
    width: 35px;
    height: 35px;
    display: block;
    margin: 0px auto 15px auto;
}

.tabsec .nav-pills .nav-link.active,
.nav-pills .show>.nav-link svg {
    fill: white;
}

.tabsec .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    position: relative;
    z-index: 1;
    text-align: center;
    color: #ffffff;
    padding: 2rem;
    background: #ff9600;
    border-radius: 30px 30px 0px 0px;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 14px;
}

.tabsec .nav-pills .nav-link {
    position: relative;
    z-index: 1;
    text-align: center;
    color: #717171;
    padding: 2rem;
    border-radius: 30px 30px 0px 0px;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 14px;
}

.home-faq p {
    color: #494949;
    font-size: 15px;
    font-weight: 400;
    margin-top:6.7rem;
}

.home-faq ul.points li {
    color: #494949;
    font-size: 14px;
    font-weight: 400;
    padding: 5px 0px;
    list-style: none;
}

.home-faq ul.points li:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 2px;
    background: #ff9600;
    margin-left: -25px;
    margin-top: 10px;
}

.home-faq .viewportfolio-btn {
    display: flex;
    justify-content: start;
}

.home-faq h3 {
    font-weight: 400;
    font-size: 20px;
    word-spacing: 3px;
    letter-spacing: 1px;
    color: #051b51;
}

.home-faq h1 {
    color: #ff9600;
    font-weight: 500;
    font-size: 32px;
    line-height: 42px;
    text-transform: uppercase;
    margin-left: 0px;
}

.tab-maintext h3 {
    color: #ff9600;
    font-weight: 400;
    font-size: 20px;
    word-spacing: 3px;
    letter-spacing: 1px;
    text-align: center;
    padding-top: 30px;
}

.tab-maintext h1 {
    color: #051b51;
    font-weight: 500;
font-size: 32px;
    line-height: 42px;
    text-transform: uppercase;
    text-align: center;
}

.wave-tabsec {
    position: absolute;
    margin-top: -55px;
    left: 0;
    width: 100%;
    z-index: 2;
    height: 80px;
    pointer-events: none;
    transform: rotate(0deg);
}

.wave-tabsec svg {
    width: 100%;
    height: 100%;
}

.wave-tabbot svg {
    height: 80px;
    width: 100%;
}

.wave-tabbot {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 99999999;
    pointer-events: none;
    transform: rotate(180deg);
    margin-top: 865px;
}

div#creative-section ul.points li:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 2px;
    background: #ff9600;
    margin-left: -25px;
    margin-top: 10px;
}
ul.points {
    list-style: none;
    color: #494949;
    font-size: 15px;
    font-weight: 400;
}



/* testimonial */

.testimonials .owl-carousel .owl-item img {
    display: block;
    width: 25% !important;
    margin: 0px auto !important;
}

.testimonials h1 {
    color: #494949;
    font-size: 17px;
    text-align: center;
    padding: 30px 0px 10px 0px;
}

.testimonials p {
    color: #494949;
    font-size: 14px;
    font-weight: 400;
    padding: 5px 0px;
    list-style: none;
    text-align: center;
}

.testimonials .shadow-effect {
    margin: 0px 22px;
}

  #customers-testimonials.owl-carousel .owl-dots {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 20px 0px 0px 0px;
} 

#customers-testimonials.owl-carousel .owl-dots .owl-dot span {
    /*background: #ff9500;*/
    display: inline-block;
    height: 40px;
    margin: 0 2px 5px;
    transform: translate3d(0px, -50%, 0px) scale(0.3);
    transform-origin: 50% 50% 0;
    transition: all 250ms ease-out 0s;
    width: 40px;
    border-radius: 50px;
} 

#customers-testimonials.owl-carousel .owl-dot.active {
    background: #ff9500 !important;
}

div#custom-testimonial.owl-carousel .owl-dots .owl-dot span {
    /*background: #ff9500;*/
    display: inline-block;
    height: 40px;
    margin: 0 2px 5px;
    transform: translate3d(0px, -50%, 0px) scale(0.3);
    transform-origin: 50% 50% 0;
    transition: all 250ms ease-out 0s;
    width: 40px;
    border-radius: 50px;
}
div#custom-testimonial .owl-dots {
    margin: 0px auto;
    display: flex;
    justify-content: center;
    padding: 30px 0px 0px 0px;
    text-align: center;
}

.wave-testbot {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 99999999;
    pointer-events: none;
    transform: rotate(0deg);
    margin-top: 450px;
}

.wave-testbot svg {
    width: 100%;
    height: 80px;
}

/* section 7 */

#sec-seven h2 {
    color: #ff9600;
    font-weight: 500;
    font-size: 30px;
    text-transform: uppercase;
    margin-left: 0px;
    margin-top:15rem;
}

.section-seven .viewportfolio-btn {
    display: flex;
    justify-content: left;
}

.section-seven p {
    color: #494949;
    font-size: 14px;
    font-weight: 400;
    list-style: none;
}

.iconbox-secseven img {
    width: 50px;
    height: 40px;
    margin: 0px 0px 15px 0px;
}

.iconbox-secseven h1 {
    color: #494949;
    font-size: 17px;
    padding-top: 5px;
}

.iconbox-secseven {
    padding: 0px 10px 0px 60px;
    margin: 0px 30px 30px 30px;
}

.section-seven {
    background-color: #f6f6f6;
    padding: 50px 0px;
    margin-top:-5px;
}

.wave-sec7bot {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 99999999;
    pointer-events: none;
    transform: rotate(180deg);
    margin-top: 40px;
}

.wave-sec7bot svg {
    width: 100%;
    height: 80px;
}

section.section-eight {
    background-image: url(./images/1_Section\ 08.jpg);
    background-size: 100% 100%;
}
section.section-eight h1 {
    color: #ff9600;
    font-weight: 500;
    font-size: 32px;
    line-height: 42px;
    text-transform: uppercase;
    margin-left: 0px;
    text-align: center;
}

section.section-eight p {
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    text-align: center;
    padding: 0px 145px;
}

section.section-eight .btn {
    background-color: #0000;
    font-size: 20px;
    margin: 0px auto;
    display: flex;
    border-bottom: 1px solid #fff;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    color: #fff;
    font-weight: 400;
    line-height: 2em;
    padding: 5px 15px;
    width: 9%;
}

section.sec-nine .shadow-effect {
    width: 1000px !important;
}

section.sec-nine h1 {
    color: #494949;
    font-weight: 400;
    font-size: 25px;
    word-spacing: 3px;
    text-align: center;
    padding-top: 30px;
    text-transform: uppercase;
    letter-spacing: 3px;
}

section.sec-nine h2 {
    color: #ff9600;
    font-weight: 500;
    font-size: 32px;
    line-height: 42px;
    text-transform: uppercase;
    margin-left: 0px;
    text-align: center;
    letter-spacing: 10px;
}

.name-text h3 {
    color: #494949;
    font-size: 14px;
    font-weight: 400;
}
.name-text h3 span {
    display: block;
    font-weight: 500;
    line-height: 32px;
    font-size: 15px;
}

.star {
    position: absolute;
    margin-top: -33px;
    margin-left: 200px;
    font-size: 14px;
    color: #ff9600;
}
.star-box {
    background-color: #f6f6f6;
    padding: 20px;
    border-radius: 10px;
    height: 300px;
    margin: 15px 0px;
}
.star-box p {
    color: #494949;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}


section.section-form h1 {
    color: #ff9600;
    font-weight: 400;
    font-size: 20px;
    word-spacing: 3px;
    letter-spacing: 1px;
    text-align: left;
}
.field.half {
    display: inline-block;
    width: 48.7%;
    margin-left: -10px;
    padding: 0px;
    margin-right: 15px;
}
.field.half input, select, optgroup, textarea {
    font-family: inherit;
    font-size: 15px;
    line-height: inherit;
    width: 100%;
    border: 1px solid #767676;
    margin: 5px 10px;
    padding: 8px 15px;
    border-radius: 5px;
    background: transparent;
}

textarea#message {
    margin-left: 0px;
    width: 99%;
}
.full label {
    display: block;
    color: #494949;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 0px 15px 0px;
}

input#file {
    color: #494949;
    font-size: 14px;
    font-weight: 400;
}
.full span {
    color: #494949;
    font-size: 14px;
    font-weight: 400;
    display: block;
    padding: 20px 0px;
}

input#submit-btn {
    background-color: #ff9600;
    border: 1px solid #ff9600;
    padding: 9px 30px;
    border-radius: 4px;
    color: #fff;
}

input#submit-btn:hover {
    background-color: #fff;
    border: 1px solid #ff9600;
    padding: 9px 30px;
    border-radius: 4px;
    color: #ff9600;
}

section.section-form {
    background-color: #f6f6f6;
    padding: 30px 0px;
    margin: 50px 0px 0px 0px !important;
}
input:focus-visible {
    outline: none;
}
textarea#message {
    outline: none;
}
.calbox a {
    display: block;
    margin: 0px 0px 10px 0px;
    color: #494949;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
}
.calbox {
    padding-left: 100px;
}
.review-image-box img {
    width: 50%;
    display: block;
    margin: 40px 0px;
    opacity: 0.6;
}

.review-image-box {
padding-left: 100px;
}

.wave-formectop {
    position: absolute;
    margin-top: -154px;
    left: 0;
    width: 100%;
    z-index: 2;
    height: 80px;
    pointer-events: none;
    transform: rotate(0deg);
}

.wave-formectop svg {
    width: 100%;
    height: 100px;
}

section.section-form p {
    color: #494949;
    font-size: 14px;
    font-weight: 400;
    padding: 5px 0px;
}

/* test */
/* aboutus testimonial css */


/* 
.slick-track {
    text-align: left;
    padding: 0px;
    margin-bottom: 20px;
    opacity: .2;
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
} */
/* dddd
.slide.slick-slide.slick-current.slick-active {
    opacity: 1;
    -webkit-transform: scale3d(1.0, 1.0, 1);
    transform: scale3d(1.0, 1.0, 1);
} */


section.clientlogo-homelastsec {
    background-color: #ff9600;
    padding: 10px;
}



/* Slider */

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
} 

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
     -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); 
  
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: inline-block;
  
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-slide span {
    color: #494949;
    font-size: 17px;
    font-weight: 400;
    padding: 20px;
    position: absolute;
    top: -15px;
    bottom: 0;
}



/* footer testimonials */

/* .owl-carousel .owl-item .logo-box img {
    display: block;
    width: 70%;
} */

.shadow-efct {
    padding: 30px 15px;
    background-color: #fff;
    margin: 0px 62px;
    border-radius: 50px;
    height: 100px;
}

/* box 3d style */

section.clientlogo-homelastsec .owl-carousel.owl-drag .owl-item {
    text-align: center;
    padding: 0px;
    margin-bottom: 20px;
    opacity: .9;
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

section.clientlogo-homelastsec .owl-item.active.center {
    opacity: 1;
    -webkit-transform: scale3d(1.0, 1.0, 1);
    transform: scale3d(1.0, 1.0, 1);
}

/* Footer Css */

section.section-footer {

    background-image: url(./images/Optimized-bgft.png);
}

section.section-footer .list-box {
    display: inline-flex;
}
h1 {
    color: #ff9600;
    font-weight: 500;
    font-size: 25px;
    line-height: 42px;
    font-weight:bold;
}
section.section-footer ul {
    padding: 0px;
    list-style: none;
    margin-top: 30px;
}
section.section-footer i {
    color: #fff;
    margin: 0px 15px 0px 0px;
}
.section-footer li a {
    font-size: 15px;
    text-decoration: none;
    color: #fff;
    letter-spacing: 1px;
    line-height: 30px;
    
}

.section-footer li  {
    font-size: 15px;
    text-decoration: none;
    color: #fff;
    letter-spacing: 1px;
    line-height: 30px;
    padding: 5px 0px;
}

.section-footer p {
    font-size: 13px;
    text-decoration: none;
    color: #fff;
    letter-spacing: 1px;
}

div#footer-bottom ul {
    padding: 0px;
    margin: 0px;
    display: inline-flex;
    float:right;
}

div#footer-botom-row {
    width: 1140px;
    margin: 0px auto;
}
div#footer-bottom li {
    font-size: 13px;
    text-decoration: none;
    color: #fff;
    letter-spacing: 1px;
    line-height: initial;
    padding: 0px 0px;
   
}

div#footer-bottom {
    background-color: transparent;
    padding-top: 15px;
}
div#footer-three .list-box:nth-child(2) {
    float: right;
}

div#footer-two img {
    display: block;
    width: 30%;
    margin: 40px 0px;
}
div#footer-two {
    padding-left: 100px;
}
li.last-icon-list {
    margin-left: 20px;
    margin-top: -6px;
}




/* particles */


canvas {
    display: block;
  }
  

 
  
  /* ---- particles.js container ---- */
  
  #particles-js {
    background-color: #051B51;
    height:100vh;
  }
 


   .wave-mainbanner {
    position: relative;
    bottom: 95px;
    left: 0;
    width: 100%;
    z-index: 2;
    height: 80px;
    pointer-events: none;
    -webkit-transform: rotate(180deg);
    transform: rotate(0deg);
} 

.wave-mainbanner svg {
width: 100%;
height: 100px;
}



/* Website-Design page  */



/* vider slider css */
.wrapper{
    width: 75%;
    background-color: #F6F6F6;
    height: 350px;
    display: flex;
    align-items: center;
    position: relative;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.swiper_wrapper{
    width: 100%;
    height: 60%;
    /* background-color: #FF9500 !important; */
    position: absolute;
    /*left: -50px;*/
    left:-330px;
}
.swiper {
    width: 150%;
    height: 100%;
    /* background-color: blue; */
  }
  .swiper-slide.swiper-slide-active {
    opacity: 1;
}
  .swiper-slide {
    text-align: center;
    font-size: 18px;
    /* background: #C2C2C2; */
    border-radius: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    opacity: 0.8;
    /* background-color: bisque; */
  }
  /* .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  } */
  .swiper-slide.swiper-slide-active {
/* background-color: yellowgreen; */
opacity: 1;
}
.detail_wrapper{
    width: 85%;
}
.vid_wrapper{
    width: 100%;
    height: 100%;
}
.vid_wrapper video{
    width: 100%;
    height: 100%;
}
.videoslider-box h2 {
    color: #ff9600;
    font-weight: 400;
    font-size: 20px;
    word-spacing: 3px;
    letter-spacing: 1px;
    text-align: center;
}

.videoslider-box h3 {
    color: #051b51;
    font-weight: 500;
font-size: 32px;
    line-height: 42px;
    text-transform: uppercase;
    text-align: center;
}
.videoslider-box h1 {
    text-align: center;
}




/* video slider over */



section.website-mainbanner {
    background-image: url(./images/web-designmainbanner.png);
    background-size: cover;
    margin-top: -6rem;
}

.website-mainbanner div#home-frist-section h1 {
    color: white;
    font-weight: 500;
    font-size: 27px;
    line-height: 42px;
}
.website-mainbanner div#home-frist-section p {
    font-size: 16px;
    color: white;
    font-weight: 400;
}
section.web-sec2 .second-section h1 {
    color: #051b51;
    font-weight: 500;
font-size: 32px;
    line-height: 42px;
    text-transform: uppercase;
    margin-left: -3px;
    padding: 5px 0px 10px 0px;
}

section.web-sec2 p {
    color: #494949;
    font-size: 15px;
    font-weight: 400;
}


section.clientlogo-websitepage {
    background-image: url(./images/web-sec3\ \(1\).png);
    background-size: 100% 100%;
    padding: 70px 0px;
}
section.clientlogo-websitepage .shadow-efct {
    padding: 0px 10px;
    background-color: #fff0;
    margin: 0px 10px;
    border-radius: 50px;
    height: 150px;
    width: 150px;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{
    background: #fff !important;
    border: 1px solid #ff9500 !important;
    display: inline-block;
    height: 20px;
    margin: 20px 12px;
    /*transform: translate3d(0px, -50%, 0px) scale(0.3);*/
    transform-origin: 50% 50% 0;
    transition: all 250ms ease-out 0s;
    width: 20px;
    border-radius: 50px;
}
div#client-logowebsite .owl-dots {
    justify-content: center;
    display: flex;
    margin-top: 50px;
}
div#client-logowebsite.owl-carousel .owl-item img {
    display: block;
    width: 75%;
    margin-top: 40px;
}

div#verticaltabs div#v-pills-tab {
    width: 80%;
    border-right: 2px solid #051F55;
}
div#verticaltabs .nav-pills .nav-link span {
    float: left;
}
div#v-pills-tabContent {
    padding-left: 20px;
}

div#verticaltabs .nav-pills .nav-link span.tabtitles {
    
    padding-top: 15px;
    color: #494949;
    font-size: 16px;
    font-weight: 400;
    padding-left: 40px;
}
div#verticaltabs .nav-pills .nav-link {
    padding: 1rem 1rem;
    margin: 0px 100px 15px 0px;
}


div#verticaltabs .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #ff9600;
}

div#verticaltabs h3 {
    color: #ff9600;
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
}
div#verticaltabs h1 {
    color: #051b51;
    font-weight: 500;
font-size: 32px;
    line-height: 42px;
    text-transform: uppercase;
    padding: 0px 0px 30px 0px;
}

div#verticaltabs p {
    color: #494949;
    font-size: 15px;
    font-weight: 400;
}
span.portfolio-flag {
    margin: 0px auto;
    display: flex;
    justify-content: center;
}
span.portfolio-flag img {
    width: 40px;
    border-radius: 50px;
}



/* about us page */
div#about-team div#\32 nd-section-img img {
    width: 80%;
}

div#aboutusteam-profileslider h3 {
    color: #051F55;
    font-size: 12px;
    line-height: 10px;
    text-align: center;
    padding-top: 15px;
}
div#aboutusteam-profileslider .owl-carousel .owl-item img {
    display: block;
    width: 75%;
    margin: 20px auto 0px auto;
}

div#aboutusteam-profileslider h2 {
    padding-top: 40px;
    color: #ff9600;
    font-weight: 400;
    font-size: 20px;
    word-spacing: 3px;
    letter-spacing: 1px;
    text-align: center;
}
div#aboutusteam-profileslider h1 {
    color: #051b51;
    font-weight: 500;
font-size: 32px;
    line-height: 42px;
    text-transform: uppercase;
    padding: 10px 0px 10px 0px;
    text-align: center;
}

div#aboutus-sec3 li:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 2px;
    background: #ff9600;
    margin-left: -25px;
    margin-top: 10px;
}
div#aboutus-sec3 li {
    padding: 5px 0px 10px 0px;
}

div#aboutus-sec3 div#\32 nd-section-img img {
    width: 100%;
    padding-left: 40px;
}
section#logoaboutusteamsection {
    padding: 50px 0px 20px 0px;
}

div#aboutustabsec .wave-tabbot {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 99999999;
    pointer-events: none;
    transform: rotate(180deg);
    margin-top: 1410px;
}
div#aboutustabsec .home-faq h1 {
    color: #ff9600;
    font-weight: 500;
    font-size: 28px;
    line-height: 42px;
    text-transform: uppercase;
    margin-left: 0px;
}

.boxtextabout {
    border-top: 1px solid #ff9600;
    width: 70%;
    margin-top: 30px;
}

.boxtextabout p:nth-child(1) {
    padding: 20px 0px 0px 0px;
}
.boxabouttabsec2 {
    border-bottom: 1px solid #ff9600;
    margin: 0px 0px 20px 0px;
}

#aboutustabsec li.nav-item button img {
    display: block;
    width: 100px;
    text-align: center;
    height: 80px;
    padding: 0px 0px 20px 0px;
    margin: 0px auto;
}



/* 
section#aboutusbg {
    background-image: url(./images/abouttestimoinals\ \(1\).png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
}  */

/* Contact us page css  */



/* Contact Us Css */

div#contact2ndsec h1 {
    text-align: left;
    color: #000;
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 0px;
    margin-bottom: 0;
    font-family: Poppins, sans-serif;
    line-height: 1.3em;
}
section#contactusmainbanner {
    background-image: url(./images/contactusmainbannerbg.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
}



div#formbgimg {
    background-image: url(./images/contactformbgimg1.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 20px;
    background-position: center center;
}

/* div#contactusformsection {

    background-image: url(./images/aboutustestimonialsectionbgimg.png);
    background-size: cover;
    background-repeat: no-repeat;

} */
.modal-header h2 {
    font-size: 18px;
    color: #000 !important;
    font-weight: 700;
}

div#formbg h2 {
    color: #051b51;
    font-size: 25px;
    font-weight: 600;
    padding-bottom: 30px;
}

div#formbg h2 span#off-30 {
    font-weight: bold;
    margin: -6px 0px 0px 3px;
    animation: zoominoutsinglefeatured 1s infinite;
    color: #ff9600;
}

div#contactusformsection input[type="submit"]{

    background-color: #ff9600;
    border: 1px solid #ff9600;
    padding: 9px 30px;
    border-radius: 4px;
    color: #fff;
}



div#contactusformsection p {
    text-align: center;
    color: white;
    font-size: 16px;
    font-family: 'Poppins';
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 25px;
    padding: 0px 200px;
}

div#contactusformsection input {
    width: 90%;
    padding: 8px 10px;
    border: 1px solid #767676;
    margin: 10px 0px;
    border-radius: 10px;
    font-weight: 400;
    color:#767676;
}

div#contactusformsection textarea {
    width: 90%;
    padding: 8px 10px;
    border: 1px solid #767676;
    margin: 10px 0px;
    border-radius: 10px;
    color:#767676;
}


/* div#contactusformsection input:focus { 
    border: 1px solid #2726263b;
    border-radius: 10px; 

}*/

div#contactusformsection textarea:focus {

    border: 1px solid #767676;
    border-radius: 10px;
}

section.contact-us {
    height: 250px;
    background-color: #051b51;
    margin-top: -14%;
    margin-bottom: 70px;
}

div#formbg {
    background: white;
    border-radius: 20px;
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
    padding: 0px 0px;
    width: 70%;
    justify-content: center;
    margin: 20px auto;
}

div#contactusformsection form {
    padding: 30px 5px;
}




:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}

h2#contactuscounter {
    text-align: center;
    color: #00ABFF;
    font-family: 'Poppins';
    font-size: 42px;
    line-height: 32px;
    font-weight: 500;
    letter-spacing: 2px;
}

.container-fluid.contactus-bg {
    background-color: #f1f1f1;
}

.section-one-contact {
    background-image: url(./images/aboutmainbanner.png);
    background-size: cover;
    background-repeat: no-repeat;
    /* background-position: center center;
    height: 100vh; */
}

.section-one-contact h1 {
    /* color: #00ABFF; */
    color: #fff;
    font-weight: 700 !important;
    font-size: 32px;
    text-align: center;
    line-height: 1.3em;
    border-bottom: 0px solid #fff;
    letter-spacing: 2px;
}

.section-one-contact p {
    font-family: 'Poppins';
    font-size: 16px;
    line-height: 1.5;
    color: white;
    padding: 10px 0px 0px 0px;
    font-weight: 400;
    text-align: left;
}

.section-one-contact button img {
    position: absolute;
    width: 8.8%;
    height: 100%;
    margin-left: 220px;
    margin-top: -10px;
    z-index: 9999;
}

.section-one-contact button {
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
    background-color: white;
    font-size: 17px;
    font-family: 'Poppins';
    color: #898989;
    letter-spacing: 2px;
    padding: 10px 255px 14px 20px;
    border-radius: 50px;
    line-height: 25px;
    border: 0px solid #000;
}

.section-one-contact button:hover {
    color: #fff !important;
    background: linear-gradient(90deg, rgba(0, 0, 99, 1) 3%, rgba(0, 171, 255, 0.9920343137254902) 100%);

}



.contactformsec-textbox {
    display: flex;
}
div#contact-boxs-section .image-box img {
    width: 50px;
}
.contactformsec-textbox h1 {
    color: #ff9600 !important;
    font-size: 17px;
    letter-spacing: 0px;
    text-align: left;
    color: #494949;
    line-height: 28px;
    padding: 0px 0px 0px 20px;
}

div#contact-boxs-section {
    width: 74%;
    justify-content: center;
    margin: 15px auto;
}

.contactformsec-textbox a {
    color: #051b51;
    text-decoration: none;
}

img#callicon {
    width: 50px !important;
    height: 35px;
    margin-top: 8px;
}


.contact1-box {
    display: flex;
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
    padding: 20px;
    margin: 10px;
    color: #242424;
    background-color: white;
    border-radius: 10px;
}

/* Contact Page ud css over */


/* Portfolio page css */
.home-faq img.img-fluid {
    width: 80%;
    padding-top: 40px;
}
.portfolio1-box1:hover {
    background-position: 100% 100%;
    transition: 10s;
    transform: none;
    background-size: cover;
}

.portfolio1-box1 {
    height: 330px;
    width: 99%;
    border-radius: 0px;
    background-size: cover;
    margin: 5px;
}

.portfolio2-box2:hover {
    background-position: 100% 100%;
    transition: 10s;
    transform: none;
    background-size: cover;
}

.portfolio2-box2 {
    height: 330px;
    width: 99%;
    border-radius: 0px;
    background-size: cover;
    margin: 2px;
}

.portfolio31-box31:hover {
    background-position: 100% 100%;
    transition: 10s;
    transform: none;
    background-size: cover;
}
.portfolio31-box31 {
    height: 660px;
    width: 99%;
    border-radius: 0px;
    background-size: cover;
    margin: 2px;
    background-repeat: no-repeat;
}
.portfolio3-box3 {
    height: 330px;
    width: 99%;
    border-radius: 0px;
    background-size: cover;
    margin: 2px;
}
.portfolio3-box3:hover {
    background-position: 100% 100%;
    transition: 10s;
    transform: none;
    background-size: cover;
}
.portfolio4-box4 {
    height: 330px;
    width: 99%;
    border-radius: 0px;
    background-size: cover;
    margin: 2px;
}
.portfolio4-box4:hover {
    background-position: 100% 100%;
    transition: 10s;
    transform: none;
    background-size: cover;
}


/* 

.gallery {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-auto-rows: 200px;
    grid-auto-flow: dense;
    margin: 10px auto;
  }
  
  .gallery__item {
    align-items: center;
    display: flex;
    justify-content: center;
  }
  
  .gallery__item > img {
    height: 100%;
    object-fit: cover;
    width: 100%;
  }
  
  .gallery__item--hor {
    grid-column: span 2;
  }
  
  .gallery__item--vert {
    grid-row: span 2;
  }
  
  .gallery__item--lg {
    grid-column: span 2;
    grid-row: span 2;
  }


 */














/* large laptop */


@media only screen and (max-width: 1966px) and (min-width: 1800px) 
{
.wave-tabbot {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 99999999;
    pointer-events: none;
    transform: rotate(180deg);
    margin-top: 815px;
}



div#home-frist-section {
    padding: 25rem 0px 0px 20rem;
    position: absolute;
}
.wave-bottom {
    position: absolute;
    margin-top: -153px;
    left: 0;
    width: 100%;
    z-index: -1;
    height: 520px;
    pointer-events: none;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

section.clientlogo-homelastsec .shadow-efct {
    padding: 60px 20px;
    background-color: #fff;
    margin: 0px 50px;
    border-radius: 100px;
    height: 200px;
    width: 200px;
}
}

@media only screen and (max-width: 1800px) and (min-width: 1400px) 
{
    
   .shadow-efct {
    padding: 50px 30px;
    background-color: #fff;
    margin: 0px 60px;
    border-radius: 100px;
    height: 160px;
    width: 160px;
}


.wave-bottom {
    position: absolute;
    margin-top: -50px;
    left: 0;
    width: 100%;
    z-index: -1;
    height: 400px;
    pointer-events: none;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.wave-tabbot {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 99999999;
    pointer-events: none;
    transform: rotate(180deg);
    margin-top: 850px;
}

    
}

/* 1024 */

@media only screen and (max-width: 1024px) and (min-width: 1024px) {

    .wave-bottom svg {
        fill: #f6f6f6c2;
        width: 100%;
        height: 300px;
    }
    .wave-bottom {
        position: absolute;
        margin-top: -250px;
        left: 0;
        width: 100%;
        z-index: -1;
        height: 400px;
        pointer-events: none;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .image svg {
        z-index: 999;
        position: absolute;
        width: 70%;
        margin-top: -40px;
        height: 85px;
        pointer-events: none;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        fill: #f6f6f6;
    }

    .wave-tabbot {
        position: absolute;
        left: 0;
        width: 100%;
        z-index: 99999999;
        pointer-events: none;
        transform: rotate(180deg);
        margin-top: 925px;
    }

    div#footer-botom-row {
        width: auto;
        margin: 0px auto;
    }

    .iconbox-secseven {
        padding: 0px 10px 0px 30px;
        margin: 0px 5px 30px 5px;
    }
    div#home-frist-section {
        padding: 10rem 0px 0px 3rem;
        position: absolute;
    }
    /* .hero {
        margin-top: -10%;
        width: 100%;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    } */
    /* .wave-mainbanner {
        position: absolute;
        margin-top: 400px;
        left: 0;
        width: 100%;
        z-index: 2;
        height: 5px;
        pointer-events: none;
        -webkit-transform: rotate(180deg);
        transform: rotate(0deg);
    } */

    div#custom-testimonial .owl-item {
        width: 250px !important;
        margin: 0px 50px;

}
.star {
    position: absolute;
    margin-top: -33px;
    margin-left: 130px;
    font-size: 14px;
    color: #ff9600;
}

div#client-logo .shadow-efct {
    padding: 60px 35px;
    background-color: #fff;
    margin: 0px 25px;
    border-radius: 100px;
    height: 200px;
    width: 210px;
}
.section-footer li {
    font-size: 12.5px;
    text-decoration: none;
    color: #fff;
    letter-spacing: 1px;
    line-height: 30px;
    padding: 5px 0px;
}



}

/* ipad */

@media only screen and (max-width: 1023px) and (min-width: 768px) {

    div#footer-botom-row {
        width: auto;
        margin: 0px auto;
    }   

    .hero {
        margin-top: -13%;
        width: 100%;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }


    div#home-frist-section button {
        background-color: #0000;
        font-size: 15px;
        margin: 0px 5px 0px 5px;
        border-bottom: 1px solid #fff;
        border-top: 0px;
        border-left: 0px;
        border-right: 0px;
        color: #fff;
        font-weight: 400;
        line-height: 2em;
        padding: 5px 10px;
    }
    div#home-frist-section {
        padding: 6rem 0px 0px 2.5rem;
        position: absolute;
    }
    div#home-frist-section h1 {
        color: white;
        font-weight: 500;
        font-size: 32px;
        line-height: 42px;
    }

    div#home-frist-section button:hover {
        background-color: #ff9600;
        font-size: 15px;
        margin: 0px 5px 0px 5px;
        border-bottom: 1px solid #fff;
        border-top: 0px;
        border-left: 0px;
        border-right: 0px;
        color: #fff;
        font-weight: 400;
        line-height: 2em;
        padding: 5px 10px;
    }

    /* .wave-mainbanner {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 2;
        height: 80px;
        pointer-events: none;
        -webkit-transform: rotate(180deg);
        transform: rotate(0deg);
    } */
    .second-section h1 {
        color: #051b51;
        font-weight: 500;
        font-size: 25px;
        line-height: 42px;
        text-transform: uppercase;
        margin-left: -3px;
    }
    .second-section h3 {
        color: #ff9600;
        font-weight: 400;
        font-size: 15px;
        word-spacing: 3px;
        text-transform: capitalize;
    }

    .banner-sec3 h1 {
        color: #051b51;
        font-weight: 500;
        font-size: 25px;
        line-height: 42px;
        text-transform: uppercase;
        text-align: center;
    }

    .wave-bottom {
        position: absolute;
        margin-top: -320px;
        left: 0;
        width: 100%;
        z-index: -1;
        height: 400px;
        pointer-events: none;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    div#sec4-second {
        padding: 0px 20px 0px 20px !important;
    }

    .image svg {
        display: none;
    }
    
    div#creative-section h1 {
        color: #ff9600;
        font-weight: 500;
        font-size: 25px;
        line-height: 32px;
        text-transform: uppercase;
        margin-left: 0px;
    }
    .tabsec .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
        position: relative;
        z-index: 1;
        text-align: center;
        color: #ffffff;
        padding: 2rem 10px;
        background: #ff9600;
        border-radius: 30px 30px 0px 0px;
        font-weight: 500;
        letter-spacing: 1px;
        font-size: 12px;
    }
    .tabsec .nav-pills .nav-link {
        position: relative;
        z-index: 1;
        text-align: center;
        color: #717171;
        padding: 2rem 10px;
        border-radius: 30px 30px 0px 0px;
        font-weight: 500;
        letter-spacing: 1px;
        font-size: 12px;
    }
    .home-faq h1 {
        color: #ff9600;
        font-weight: 500;
        font-size: 25px;
        line-height: 42px;
        text-transform: uppercase;
        margin-left: 0px;
    }

    .wave-tabbot {
        position: absolute;
        left: 0;
        width: 100%;
        z-index: 99999999;
        pointer-events: none;
        transform: rotate(180deg);
        margin-top: 1050px;
    }
    .iconbox-secseven {
        padding: 0px 5px 0px 5px;
        margin: 0px 5px 30px 5px;
    }

    #sec-seven h2 {
        color: #ff9600;
        font-weight: 500;
        font-size: 25px;
        text-transform: uppercase;
        margin-left: 0px;
        margin-top:15rem;
    }

    section.sec-nine h2 {
        color: #ff9600;
        font-weight: 500;
        font-size: 25px;
        line-height: 42px;
        text-transform: uppercase;
        margin-left: 0px;
        text-align: center;
        letter-spacing: 10px;
    }

    section.sec-nine h1 {
        color: #494949;
        font-weight: 400;
        font-size: 20px;
        word-spacing: 3px;
        text-align: center;
        padding-top: 30px;
        text-transform: uppercase;
        letter-spacing: 3px;
    }

    .calbox {
        padding-left: 50px;
        padding-top: 13px;
    }
    .review-image-box {
        padding-left: 50px;
    }
    .field.half {
        display: inline-block;
        width: 98%;
        margin-left: -10px;
        padding: 0px;
        margin-right: 15px;
    }
    .shadow-efct {
        padding: 30px 15px;
        background-color: #fff;
        margin: 0px 62px;
        border-radius: 50px;
        height: 100px;
        width: 100px;
    }

    div#footer-two {
        padding-left: 30px;
    }

    .section-footer li a {
        font-size: 10px;
        text-decoration: none;
        color: #fff;
        letter-spacing: 1px;
        line-height: 30px;
    }
    .section-footer li {
        font-size: 10px;
        text-decoration: none;
        color: #fff;
        letter-spacing: 1px;
        line-height: 30px;
        padding: 5px 0px;
    }

    div#footer-bottom li {
        font-size: 13px;
        text-decoration: none;
        color: #fff;
        letter-spacing: 1px;
        line-height: 25px;
        padding: 0px 0px;
    }
    .section-footer p {
        font-size: 13px;
        text-decoration: none;
        color: #fff;
        letter-spacing: 1px;
        line-height: 25px;
    }


}



/* mobile  responisive */
@media only screen and (max-width: 767px) {
    .wave-sec7bot {
    display: none;
}
div#creative-section .row.gx-0.my-5 {
    margin: 0px!important;
}

.section-eight .container-pe-quote .li-quote-7 {
    height: 48px;
    width: 48px;
    right: 70px;
    top: 114px;
    animation-duration: 7s;
    -webkit-animation-duration: 7s;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    opacity: 1;
}

.row.banner-sec3 .col-sm-12.col-md-12.col-lg-12.my-5 {
    margin: 0px !important;
    padding: 0px 0px 20px 0px;
}

    section.section-eight {
    background-image: none;
    background-size: cover;
    background-color: #112557;
}
    
  .viewportfolio-btn .btn {
    padding: 9px 5px;
    font-size:17px;
  }
    
    
    
.gallerybutton span.portfolio-link {
    color: #ffffff;
    border-radius: 0px;
    padding: 3px 5px;
    background: #0000;
    border: 1px solid #ffffff;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 2px;
    opacity: 0;
    display: flex;
    justify-content: center;
    width: 75%;
    margin: 15px auto;
}    
   
 .gallerybutton span.portfolio-link:hover {
    background: #fff;
    color: #000;
    font-weight: 400;
    font-size: 10px;
    border: 1px solid #fff;
}  
.wave-tabsec{
    display: none;
}
.wave-top {
    display: none;
}
.wave-formectop{
    display: none;
}
div#sec4video {
    display: none;
}
.wave-tabbot{
    display: none;
}
.wave-testbot {
    display: none;
}

/* About US css mobile */

    .wave-mainbanner {
        display: none;
       
    }
    div#\32 nd-section-img {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    section.clientlogo-websitepage {
        background-image: none;
        background-size: 100% 100%;
    }
    div#aboutusteam-profileslider h1 {
        color: #051b51;
        font-weight: 500;
        font-size: 24px;
        line-height: 30px;
        text-transform: uppercase;
        padding: 10px 0px 10px 0px;
        text-align: center;
    }
    section.web-sec2 .second-section h1 {
        color: #051b51;
        font-weight: 500;
        font-size: 23px;
        line-height: 30px;
        text-transform: uppercase;
        margin-left: -3px;
        padding: 5px 0px 10px 0px;
    }
    .gallerybutton {
        margin: 0px 0px;
    }
    div#aboutustabsec {
        margin: 0px !important;
    }
    section#aboutusbg {
        margin: 0px !important;
    }
    .tab-maintext.py-4 {
        padding-top: 0px !important;
    }

    #box-zoom {
        height: 132px;
        width: 50%;
        overflow: hidden;
        margin: 0px;
    }
    .gallerytext-box {
        padding: 25px 50px 0px 60px !important;
        margin: 0px auto;
    }

    div#contact-boxs-section {
        width: 100%;
        justify-content: center;
        margin: 15px auto;
    }
    iframe {
        width: auto;
        margin: 15px auto;
        display: flex;
        justify-content: center;
    }
    div#formbg h2 {
        color: #051b51;
        font-size: 20px;
        text-align: center;
        font-weight: 600;
        padding-bottom: 10px;
    }
    div#formbg {
        background: white;
        border-radius: 20px;
        box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
        padding: 0px 0px;
        width: auto;
        justify-content: center;
        margin: 20px auto;
    }
    div#contactusformsection {
        padding: 0px 15px;
    }

    section.header {
        padding: 0px 0px 3rem 0px !important;
    }   
    .hero {
        margin-top: -28%;  
        width: 100%;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        height: 65vh;
      }
      

    section.section-footer {

        background-image: url(./images/Optimized-bgft.png);
        background-size: cover;
        background-repeat: no-repeat;
    }

    /*section.section-eight {*/
    /*    background-image: url(./images/1_Section\ 08.jpg);*/
    /*    background-size: cover;*/
    /*}*/

    span.mobile-rating-none {
        display: none;
    }


div#footer-botom-row {
    width: auto;
    margin: 0px auto;
}

/* .wave-mainbanner {
    position: absolute;
    margin-top: 320px;
    left: 0;
    width: 100%;
    z-index: 2;
    height: 80px;
    pointer-events: none;
    -webkit-transform: rotate(180deg);
    transform: rotate(0deg);
} */

div#home-frist-section {
    padding: 8rem 0px 0px 1.5rem;
    position: absolute;
}
div#home-frist-section h1 {
    color: white;
    font-weight: 500;
    font-size: 26px;
    line-height: 32px;
}
div#home-frist-section p {
    font-size: 14px;
    color: white;
    font-weight: 400;
    padding: 0px 30px 0px 0px;
}



div#home-frist-section button {
    background-color: #0000;
    font-size: 15px;
    margin: 0px 10px 0px 0px;
    border-bottom: 1px solid #fff;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    color: #fff;
    font-weight: 400;
    line-height: 2em;
    padding: 5px 10px;
}

div#home-frist-section button:hover {
    background-color: #ff9600;
    font-size: 15px;
    margin: 0px 10px 0px 0px;
    border-bottom: 1px solid #fff;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    color: #fff;
    font-weight: 400;
    line-height: 2em;
    padding: 5px 10px;
}

/* .wave-mainbanner {
    position: absolute;
    margin-top: 275px;
    left: 0;
    width: 100%;
    z-index: 2;
    height: 80px;
    pointer-events: none;
    -webkit-transform: rotate(180deg);
    transform: rotate(0deg);
} */

.second-section h1 {
    color: #051b51;
    font-weight: 500;
    font-size: 25px;
    line-height: 32px;
    text-transform: uppercase;
    margin-left: -3px;
}



.second-section h3 {
    color: #ff9600;
    font-weight: 400;
    font-size: 18px;
    word-spacing: 3px;
    letter-spacing: 1px;
}

.botun.pt-5 {
    padding: 30px 0px 0px 0px !important;
}

.banner-sec3 h1 {
    color: #051b51;
    font-weight: 500;
    font-size: 25px;
    line-height: 32px;
    text-transform: uppercase;
    text-align: center;
}

.row.home-faq {
    --bs-gutter-x: 0px;
    padding: 0px 30px;
}

.image svg {
    z-index: 999;
    position: absolute;
    width: 100%;
    margin-top: -22px;
    height: 100px;
    pointer-events: none;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    fill: #f2f1f1;
}

.wave-bottom {
    position: absolute;
    margin-top: -289px;
    left: 0;
    width: 100%;
    z-index: 99999;
    height: 378px;
    pointer-events: none;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    display: none;
}
div#newportflio {
    background-color: #f6f6f6;
}
.fourth-banner {
    background-color: #f6f6f6;
    padding: 10px 0px 0px 0px;
}
.tiles-gallery {
    height: 60vw;
    position: relative;
    overflow: hidden;
}
.tiles-gallery.half .tiles-wrap .tiles-line-img {
    height: calc(50vw * 1.8/5 - (4 * 0.75rem/2));
}
div#creative-section h1 {
    color: #ff9600;
    font-weight: 500;
    font-size: 25px;
    line-height: 32px;
    text-transform: uppercase;
    margin-left: 0px;
}

div#sec4-second {
    padding: 0px 20px 0px 20px !important;
}
section.tabsec {
    margin-top: 130px;
}
.tab-maintext h1 {
    color: #051b51;
    font-weight: 500;
    font-size: 25px;
    line-height: 32px;
    text-transform: uppercase;
    text-align: center;
}

.tabsec .nav-pills .nav-link {
    position: relative;
    z-index: 1;
    text-align: center;
    color: #717171;
    padding: 1rem;
    border-radius: 30px 30px 0px 0px;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 0px;
}
.tabsec .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    position: relative;
    z-index: 1;
    text-align: center;
    color: #ffffff;
    padding: 1rem;
    background: #ff9600;
    border-radius: 30px 30px 0px 0px;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 0px;
}

.tabsec ul#pills-tab {
    padding: 0px 10px;
}

#tab-gifs{
    width:90% !important;
}

.home-faq h1 {
    color: #ff9600;
    font-weight: 500;
    font-size: 25px;
    line-height: 32px;
    text-transform: uppercase;
    margin-left: 0px;
}

.wave-tabbot {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 99999999;
    pointer-events: none;
    transform: rotate(180deg);
    margin-top: 1330px;
}

.iconbox-secseven {
    padding: 30px 10px 0px 15px;
    margin: 0px 0px 30px 0px;
}

section.section-eight h1 {
    color: #ff9600;
    font-weight: 500;
    font-size: 25px;
    line-height: 32px;
    text-transform: uppercase;
    margin-left: 0px;
    text-align: center;
}

section.section-eight p {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    padding: 0px 10px;
}
section.sec-nine h2 {
    color: #ff9600;
    font-weight: 500;
    font-size: 25px;
    line-height: 32px;
    text-transform: uppercase;
    margin-left: 0px;
    text-align: center;
    letter-spacing: 3px;
}

div#custom-testimonial .star-box p {
    color: #494949;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    display: block;
    position: absolute;
    padding: 0px 20px 0px 0px;
}
div#custom-testimonial .shadow-effect {
    width: auto !important;
}

section.section-form h1 {
    color: #ff9600;
    font-weight: 400;
    font-size: 23px;
    word-spacing: 3px;
    letter-spacing: 1px;
    text-align: left;
    line-height: 32px;
}

.field.half {
    display: inline-block;
    width: 98%;
    margin-left: -10px;
    padding: 0px;
    margin-right: 15px;
}
.calbox {
    padding-left: 5px;
    padding-top: 20px;
}

.review-image-box {
    padding-left: 10px;
}
.review-image-box img {
    width: 25%;
    display: block;
    margin: 30px 0px;
    opacity: 0.6;
}
.clientlogo-homelastsec .shadow-efct {
    padding: 30px 15px;
    background-color: #fff;
    margin: 0px 62px;
    border-radius: 50px;
    height: 100px;
    width: 100px;
}
div#footer-two {
    padding-left: 20px;
}


div#footer-two img {
    display: block;
    width: 20%;
    margin: 20px 0px;
}
section.section-footer ul {
    padding: 0px;
    list-style: none;
    margin-top: 0px;
}
.section-footer li a {
    font-size: 15px;
    text-decoration: none;
    color: #fff;
    letter-spacing: 1px;
    line-height: 25px;
}
.section-footer li {
    font-size: 15px;
    text-decoration: none;
    color: #fff;
    letter-spacing: 1px;
    line-height: 12px;
    padding: 3px 0px;
}
div#footer-three .list-box:nth-child(2) {
    float: none;
}
section.section-footer .list-box {
    display: block;
}

.section-footer p {
    font-size: 13px;
    text-decoration: none;
    color: #fff;
    letter-spacing: 1px;
    text-align: center;
    line-height: 25px;
}
div#footer-bottom ul {
    padding: 0px;
    margin: 0px;
    display: block;
}
div#footer-bottom li {
    font-size: 13px;
    text-decoration: none;
    color: #fff;
    letter-spacing: 1px;
    padding: 0px 0px;
    text-align: center;
    line-height: 40px;
}
div#custom-testimonial .owl-dots {
    margin: 0px auto;
    display: block;
    justify-content: center;
    padding: 30px 0px 0px 0px;
    text-align: center;
}

/* Portfolio Page Mobile css */

div#verticaltabs h1 {
    color: #051b51;
    font-weight: 500;
    font-size: 25px;
    line-height: 34px;
    text-transform: uppercase;
    padding: 0px 0px 0px 0px;
}
.videoslider-box {
    margin: 0px 0px 3rem 0px !important;
}
div#verticaltabs .align-items-start {
    display: block !important;
    width: 100%;
}
div#v-pills-tabContent {
    padding: 15px !important;
}
div#verticaltabs div#v-pills-tab {
    width: 100%;
    border-right: 0px solid #051F55;
}
div#verticaltabs .nav-pills .nav-link {
    padding: 1rem 1rem;
    margin: 0px 0px 15px 0px;
}

.website-mainbanner div#home-frist-section h1 {
    color: white;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    padding-top: 60px;
}
/* .website-mainbanner .wave-mainbanner {
    position: absolute;
    margin-top: 370px;
    left: 0;
    width: 100%;
    z-index: 2;
    height: 80px;
    pointer-events: none;
    -webkit-transform: rotate(180deg);
    transform: rotate(0deg);
} */
div#portfoliopagesec1 {
    margin: 0px !important;
}

.portfolio1-box1 {
    height: 330px;
    width: 100%;
    border-radius: 0px;
    background-size: cover;
    margin: 10px 0px;
}

/* .hero {

    margin-top: -30%;
    width: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 150vh;
} */

.second-section .slick-slide span {
    color: #494949;
    font-size: 14px;
    font-weight: 400;
    padding: 19px 0px;
    position: absolute;
    top: -10px;
    bottom: 0;
    margin-left:20px;
}

.web-sec2 .slick-slide span {
    color: #494949;
    font-size: 12px;
    font-weight: 400;
    padding: 19px 0px;
    position: absolute;
    top: -10px;
    bottom: 0;
    margin-left: 25px;
}

.detail_wrapper {
    width: 100%;
    padding: 20px;
}


}




.clientlogo-homelastsec h1{
    color:#fff;
    text-align:center;
    font-size:2.5rem;
    padding: 2rem 0;
    font-weight:bold;
    letter-spacing:1px;
    text-transform:uppercase;
}

h1{
    font-weight:bold !important;
    letter-spacing:1px !important;
    text-transform:uppercase !important;
}

.offcanvas.offcanvas-end{
    padding-left:15px;
    padding-top:15px;
}



/*New Header*/

.headerSection .textDiv{
    position:absolute;
    top:30%;
}
.headerSection h1{
    font-weight:bold !important;
    letter-spacing:1px !important;
    text-transform:uppercase !important;
    font-size:3rem;
    line-height: 4rem;
}
.headerSection .btn{
    background:#ff9600;
    color:#fff;
    border:1px solid #ff9600;
    padding:10px 20px;
    font-size: 19px;
    font-weight: bold;
    letter-spacing:1px;
}
.headerSection p{
    color:#fff;
    font-size: 20px;
    letter-spacing:0.5px;
    padding:2rem 5rem 2rem 0;
}





.second-section{
    margin-top:6rem;
    margin-bottom:2rem;
}


.nav-item a {
    text-decoration: none;
    color: #fff;
    line-height: 3rem;
    font-size: 20px;
    letter-spacing: 0.5px;
}

.tabsec .row{
    padding-bottom: 2rem !important;
}



.editorial {
  display: block;
  width: 100%;
  height: 60px;
  max-height: 60px;
  margin: 0;
  z-index:5;
  bottom:0;
  position:absolute;
  left:0px;
  float:left;
}

.parallax1 > use {
  animation: move-forever1 10s linear infinite;
  &:nth-child(1) {
    animation-delay: -2s;
  }
}
.parallax2 > use {
  animation: move-forever2 8s linear infinite;
  &:nth-child(1) {
    animation-delay: -2s;
  }
}
.parallax3 > use {
  animation: move-forever3 6s linear infinite;
  &:nth-child(1) {
    animation-delay: -2s;
  }
}
.parallax4 > use {
  animation: move-forever4 4s linear infinite;
  &:nth-child(1) {
    animation-delay: -2s;
  }
}
@keyframes move-forever1 {
  0% {
    transform: translate(85px, 0%);
  }
  100% {
    transform: translate(-90px, 0%);
  }
}
@keyframes move-forever2 {
  0% {
    transform: translate(-90px, 0%);
  }
  100% {
    transform: translate(85px, 0%);
  }
}
@keyframes move-forever3 {
  0% {
    transform: translate(85px, 0%);
  }
  100% {
    transform: translate(-90px, 0%);
  }
}
@keyframes move-forever4 {
  0% {
    transform: translate(-90px, 0%);
  }
  100% {
    transform: translate(85px, 0%);
  }
}




button.owl-dot.active{
    background:#ff9600 !important;
}



/*Privacy Policy*/

.privacyPolicy {
    margin:4rem auto;
}
.privacyPolicy h3{
    margin:2rem 0 1rem 0;
}
.privacyPolicy ul{
    margin-left: 23px;
}




#verticaltabs #v-pills-profile-tab{
    width:400px !important;
}

section.section-footer i {
    color: #fff;
    margin: 0px 15px 0px 0px;
    position: relative;
    top: 7px;
}