@font-face {
  font-family: 'Brice';
  src: url('../fonts/Brice-Regular.woff2') format('woff2'),
      url('../fonts/Brice-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Brice';
  src: url('../fonts/Brice-Black.woff2') format('woff2'),
      url('../fonts/Brice-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
body{font-family: 'Brice', sans-serif;overflow-x: hidden;font-size: 16px;line-height: 26px;color: #000;background: #fff;}
html{font-family: 'Brice', sans-serif; overflow-x: hidden; font-weight: 500;}
h1{font-family: 'Brice', sans-serif; font-size: 90px;font-weight: 900;}
h2{font-family: 'Brice', sans-serif; font-size: 50px;font-weight: 900;}

a{color: #e88d06;text-decoration: none;outline: none; -webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
a:hover {color: #3ea6c2;text-decoration: none;outline: none; -webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

/*Slim Scroll*/
/* Works on Firefox */
* {scrollbar-width: thin;scrollbar-color: #e3bd01 #d4d4d4;}
/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {width: 6px; height: 6px;}
*::-webkit-scrollbar-track {background: #d4d4d4;}
*::-webkit-scrollbar-thumb {background-color: #e3bd01;border-radius: 6px;}
.container{
max-width: 1380px;
}
img{width: 100%;}
/* div{overflow: hidden;} */
.min_height_475{min-height: 475px;}

.yellow_bg{background:#e3bd01;}
.purple_bg{background:#602680;}
.pink_bg{background:#de1e5a;}
.blue_bg{background:#36c3ef;}
.green_bg{background:#006351;}

.btn_orange_outline{background: transparent;border: solid 1px #fff;color: #fff;width: auto;font-weight: 500;border-radius: 100px;padding: 10px 25px;transition: all 0.2s ease;}
.btn_orange_outline:hover, .btn_orange_outline:focus{background: #e88d06 !important;border: solid 1px #e88d06;color: #fff !important;outline: 0;}

.btn_purple{background: #602680;border: solid 1px #fff;color: #fff;width: auto;font-weight: 500;border-radius: 100px;padding: 10px 25px;transition: all 0.2s ease;}
.btn_purple:hover, .btn_purple:focus{background: #602680 !important;border: solid 1px #602680;color: #fff !important;outline: 0;}

.logo{max-width: 100%; width: auto; max-height: 50px;}

/*Navber*/
.navbar{background: rgba(0,0,0,0.3);}
.nav-link{font-size: 17px;padding: 10px 15px !important; color: #fff;text-transform: uppercase;}
.dropdown-item:focus, .dropdown-item:hover{background: transparent; color: #e88d06;}
.nav-link:focus, .nav-link:hover{color: #e88d06;}
.navbar-nav .nav-link.active, .navbar-nav .show > .nav-link{color: #e88d06;}

.navbar_fixed{top: 0;z-index: 100;position: fixed;width: 100%; background: #fff; padding: 10px 0;-webkit-transition: all .3s ease-in;transition: all .3s ease-in;animation: smoothScroll 1s forwards;}
.navbar_fixed .nav-link{color: #333;}
.navbar_fixed .nav-link:focus, .navbar_fixed .nav-link:hover{color: #e88d06;}
@keyframes smoothScroll {
  0% {
  transform:translateY(-40px)
  }
  100% {
  transform:translateY(0)
  }
}

/*Banner*/
.banner{position: relative;}
.banner .banner_img{position: relative;top:-76px;}
.banner h1{color: #fff; font-size: 60px; font-weight: 900; text-transform: uppercase; text-align: right;}
.banner h2{color: #fff; font-size: 50px; font-weight: 700; text-transform: uppercase; text-align: right;}
.banner .rightcontent{max-width: 100%; position: absolute; bottom: 50px; right: 50px;}

.inner_banner{position: relative;}
.inner_banner h1{position: absolute; color: #000;transform: translate(-50%, -50%);top: 50%;left: 50%;z-index: 1;white-space: nowrap;}

.top_50{top: -50px;}

.services{background:url(../images/img8.png) no-repeat center bottom #e3bd01;background-size: 80%;}
.media_solutions{background:url(../images/img12.png) no-repeat center bottom #602680;background-size: 80%;}

.pro_img{max-width: 100%; width: auto; max-height: 400px;}

.list1{margin: 0;padding: 0 0 0 20px;}
.list1 li{color: #fff; line-height: 29px; margin-bottom: 15px; font-size: 18px;}

/*Footer*/
footer{width:100%;background:#602680;}
footer h1{color: #fff;}
footer p{color: #fff;}
footer ul{margin: 0;padding: 0;}
footer ul li{color: #fff; list-style: none;}
footer ul li a {text-decoration:none;line-height:30px;color:#fff;}
footer ul li a:hover {color:#fff}
footer .address{position: relative;padding: 0 0 0 40px;z-index: 1;-webkit-transition: 0.5s all ease;transition: 0.5s all ease;}
footer .address .icon{position: absolute;left: 0px;top: 0;color: #fff;font-size: 20px;z-index: 1;text-align: center;}

footer .form-control{padding: 12px;color: #fff;background-color: transparent;border: 1px solid #fff;border-radius: 2px;}
footer .form-control:focus{background-color: transparent; color: #fff;}

footer ul.social li {display: inline-block}
footer ul.social li a {color: #ffc60a;display: inline-block;font-size: 20px;margin: 0 5px;}
footer ul.social li a:hover {color: #fff;}
::placeholder {
  color: #c79fdf !important;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #c79fdf !important;
 opacity: 1;
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: #c79fdf !important;
 opacity: 1;
}

.copyright{color:#666;font-size:14px;padding:5px 0 0;}


.back-to-top{position: fixed;bottom: 30px;right: 25px;display: none; background: #e3bd01; border: none;width: 40px;height: 40px;font-size: 30px;color: #fff;line-height: 40px;text-align: center; border-radius: 50%;}
.back-to-top:hover{background:  #e88d06 !important; color: #fff;}

.submit_btn{min-width: 200px;font-size: 16px;font-weight: 600;color: #fff;cursor: pointer;height: 42px;text-align:center;border: none;border-radius: 50px;background-size: 300% 100%;    moz-transition: all .4s ease-in-out;-o-transition: all .4s ase-in-out;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.submit_btn.color_hover {background-image: linear-gradient(to right, #70ace8, #e88d06, #1b72c8, #e88d06);}

  
.enquiry_button{position: fixed;top: 260px;right: 0px;background: #fff; border: none;font-size: 16px;color: #602680;text-align: center; border-radius: 30px 0 0 30px;box-shadow: 0 1px 15px rgb(32 33 36 / 28%);padding: 10px 20px; border-right: solid 4px #602680; z-index: 99;}
.enquiry_button:hover{background:#de1e5a; color: #fff;}


.font85{font-size: 85px; line-height: 1.2;}
.font70{font-size: 70px; line-height: 1.2;}
.font50{font-size: 50px; line-height: 1.2;}
.font18{font-size: 18px; line-height: 1;}
.gray_bg{background: #303030;}
.gray_light_bg{background: #ededed;}


/*Slider Arrow*/
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next{z-index: 1;width: 42px;height: 20px;background-color: #fff;border-radius: 100px;position: absolute;top: 50%;transform: translatey(-50%);}
.owl-carousel .owl-nav button.owl-prev:hover,
/* .owl-carousel .owl-nav button.owl-next:hover {background: var(--theme_color);} */
.owl-carousel .owl-nav button.owl-prev .fa,
.owl-carousel .owl-nav button.owl-next .fa {color: #111; font-size: 32px;}
.owl-carousel .owl-nav button.owl-prev:hover .fa,
.owl-carousel .owl-nav button.owl-next:hover .fa {color: #fff;}
.owl-carousel .owl-nav button.owl-prev {left: -40px;}
.owl-carousel .owl-nav button.owl-next {right: -40px;}

.black_arrow_slider .owl-nav{position: relative;max-width: 520px;margin: 70px auto 0;}
.black_arrow_slider .owl-nav:before{border-top: solid 1.5px #fff; width: 50%; position: absolute; left: 20px; content: "";}
.black_arrow_slider .owl-nav:after{border-top: solid 1.5px #7e7f7f; width: 50%; position: absolute; right: 20px; content: "";}
.black_arrow_slider .left{background: url(../images/black_arrow_back.svg) no-repeat 10px 0px;display: block;width: auto;height: 12px;}
.black_arrow_slider .right{background: url(../images/black_arrow_next.svg) no-repeat 10px 0px;display: block;width: auto;height: 12px;}

.white_arrow_slider.owl-carousel .owl-nav button.owl-prev,
.white_arrow_slider.owl-carousel .owl-nav button.owl-next{z-index: 1;width: 42px;height: 20px;background-color: #000;border-radius: 100px;position: absolute;top: 50%;transform: translatey(-50%);}
.white_arrow_slider.owl-carousel .owl-nav button.owl-prev:hover,
/* .white_arrow_slider.owl-carousel .owl-nav button.owl-next:hover {background: var(--theme_color);} */

.white_arrow_slider .owl-nav{position: relative;max-width: 520px;margin: 50px auto 0;}
.white_arrow_slider .owl-nav:before{border-top: solid 1.5px #1c2530; width: 50%; position: absolute; left: 20px; content: "";}
.white_arrow_slider .owl-nav:after{border-top: solid 1.5px #d0d3d6; width: 50%; position: absolute; right: 20px; content: "";}
.white_arrow_slider .left{background: url(../images/white_arrow_back.svg) no-repeat 10px 0px;display: block;width: auto;height: 12px;}
.white_arrow_slider .right{background: url(../images/white_arrow_next.svg) no-repeat 10px 0px;display: block;width: auto;height: 12px;}
.white_arrow_slider .item{background: #000;}


.why_wildpunch .item{background: #ededed;}

.client_talk  .owl-stage-outer{margin-bottom: 80px;}

.client_talk .client_content{margin: 0; padding: 0;}
.client_talk .client_content .client_img{width: 100px; height: 100px; border-radius:50%; float: left;}
.client_talk .client_content .client_name{width: calc(100% - 120px); float: right; padding-top: 20px;}

.black_btn{background: #000;color: #fff;padding: 10px 25px;transition: all 0.2s ease;font-size: 14px; font-weight: 600;border-radius: 100px;white-space: nowrap;}
.black_btn img{max-width: 100%; max-height: 14px; vertical-align: middle; display: inline-block; width: auto;}
.black_btn:hover, .white_btn:focus{background: #000; opacity: 0.8; color: #fff;;}

/* client section */
        .client-marquee-section {
            background-color:  #f4f4f4;
            overflow: hidden;
            position: relative;
            margin: 0;
        }

        .marquee-container {
            width: 100%;
            overflow: hidden;
            position: relative;
            margin: 0;
            padding: 0;
        }

        .marquee-track {
            display: flex;
            animation: marquee 30s linear infinite;
            width: calc(200% + 40px);
            margin: 0;
            padding: 0;
        }

        .marquee-content {
            display: flex;
            align-items: center;
            justify-content: space-around;
            min-width: 50%;
            padding: 0 20px;
            margin: 0;
            height: 200px;
        }

        .client-logo {
            height: 200px;
            width: auto;
            margin: 0 40px;
            opacity: 0.7;
            transition: all 0.3s ease;
            filter: grayscale(100%);
            object-fit: contain;
            mix-blend-mode: color-burn
        }

        .client-logo:hover {
            opacity: 1;
            filter: grayscale(0%);
            transform: scale(1.1);
        }

        @keyframes marquee {
            0% {
            transform: translateX(0);
            }

            100% {
            transform: translateX(-50%);
            }
        }

        .marquee-track:hover {
            animation-play-state: paused;
        }

        @media (max-width: 768px) {
            .client-marquee-section {
            margin: 0;
            }

            .marquee-content {
            height: 180px;
            }

            .client-logo {
            height: 180px;
            margin: 0 25px;
            }

            .marquee-track {
            animation-duration: 25s;
            }
        }

        @media (max-width: 480px) {
            .marquee-content {
            height: 160px;
            }

            .client-logo {
            height: 160px;
            margin: 0 20px;
            }

            .marquee-track {
            animation-duration: 20s;
            }
        }