@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,200..900;1,200..900&display=swap');

body,
html {
    font-family: "Poppins", sans-serif;
    overflow-x: hidden;
    font-size: 14px;
    background: #000000;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    line-height: 1.2;
    font-weight: 400 !important;
}

h1,h2,h3,h4,h5,h6{font-family: "Crimson Pro", serif;}

/*---------------Font Start---------------*/
.font-weight-bold,
.fw-bold {
    font-weight: 700 !important;
    /*font-family: "Poppins", sans-serif;*/
}
.font-weight-semibold,
.fw-semibold {
    font-weight: 600 !important;
    /*font-family: "Poppins", sans-serif;*/
}
.font-weight-medium,
.fw-medium {
    font-weight: 500 !important;
    /*font-family: "Poppins", sans-serif;*/
}
.font-weight-normal,
.fw-normal {
    font-weight: 400 !important;
    /*font-family: "Poppins", sans-serif;*/
}
.font-weight-light,
.fw-light {
    font-weight: 300 !important;
    /*font-family: "Poppins", sans-serif;*/
}
/*---------------Font familly End---------------*/

/*---------------Font Size---------------*/
.font-size-10 {
    font-size: 10px;
}
.font-size-11 {
    font-size: 11px;
}
.font-size-12 {
    font-size: 12px;
}
.font-size-13 {
    font-size: 13px;
}
.font-size-14 {
    font-size: 14px;
}
.font-size-15 {
    font-size: 15px;
}
.font-size-16 {
    font-size: 16px;
}
.font-size-17 {
    font-size: 17px;
}
.font-size-18 {
    font-size: 18px;
}
.font-size-19 {
    font-size: 19px;
}
.font-size-20 {
    font-size: 20px;
}
.font-size-21 {
    font-size: 21px;
}
.font-size-22 {
    font-size: 22px;
}
.font-size-23 {
    font-size: 23px;
}
.font-size-24 {
    font-size: 24px;
}
.font-size-25 {
    font-size: 25px;
}
.font-size-26 {
    font-size: 26px;
}
.font-size-27 {
    font-size: 27px;
}
.font-size-28 {
    font-size: 28px;
}
.font-size-30 {
    font-size: 30px;
}
.font-size-32 {
    font-size: 32px;
}
.font-size-34 {
    font-size: 34px;
}
.font-size-36 {
    font-size: 36px;
}
.font-size-38 {
    font-size: 38px;
}
.font-size-40 {
    font-size: 40px;
}
.font-size-42 {
    font-size: 42px;
}
.font-size-45 {
    font-size: 45px;
}
.font-size-50 {
    font-size: 50px;
}
.font-size-52 {
    font-size: 52px;
}
.font-size-60 {
    font-size: 60px;
}
.font-size-80 {
    font-size: 80px;
}
.line-hight-1 {
    line-height: 1.1;
}
.line-hight-2 {
    line-height: 1.3;
}
.line-hight-3 {
    line-height: 1.5;
}
.line-hight-4 {
    line-height: 1.8;
}
.line-hight-normal {
    line-height: normal;
}
.leter1 {
    letter-spacing: 1px;
}
.shadow-sm {
    box-shadow: 0 0.125rem 1.25rem rgba(0, 0, 0, 0.075) !important;
}
.navbar-toggler:focus {
    box-shadow: none !important;
}
.feelcontact .form-control::-webkit-input-placeholder {
    color: #cecece !important;
    opacity: 1;
}
.feelcontact .form-control:-moz-placeholder {
    color: #cecece !important;
    opacity: 1;
}
.feelcontact .form-control::-moz-placeholder {
    color: #cecece !important;
    opacity: 1;
}
.feelcontact .form-control:-ms-input-placeholder {
    color: #cecece !important;
    opacity: 1;
}

input[placeholder],
[placeholder],
*[placeholder] {
    color: #cecece !important;
}
select.form-control option {
    color: #464646 !important;
}
/*---------------Font Size End---------------*/

.form-control {
    height: calc(2em + 0.75rem + 2px);
    font-size: 14px;
}
.form-control:focus {
    box-shadow: none;
}
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) {
    outline: none !important;
}

.custom-file-input {
    height: calc(2em + 0.75rem + 2px);
}
.custom-file-label {
    height: calc(2em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    line-height: 2;
    font-size: 14px;
}
.custom-file-label::after {
    height: calc(2em + 0.75rem);
    padding: 0.375rem 0.75rem;
    line-height: 2;
}

/*---------------Text Color Start---------------*/
.text-primary {
    color: #138bd7 !important;
}
.text-muted {
    color: rgba(255, 255, 255, 0.8) !important;
}
.text-dark {
    color: #1a2130 !important;
}
.text-yellow {
    color: #EBD197 !important;
}

.text-yellowdark {color: #B48811 !important;}

.text-yellow-light {
    color: #fff455 !important;
}
.text-blue {
    color: #dfc45d;
}
/*---------------Text Color End---------------*/

/*---------------Button Start---------------*/
.btn.focus,
.btn:focus {
    outline: 0 !important;
    box-shadow: none !important;
}

.btn-warning {
    color: #1a2130;
    background-color: #ffda33;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    border: none;
}
.btn-warning::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    z-index: -1;
    opacity: 0;
    -webkit-transform: scale3d(0.7, 1, 1);
    transform: scale3d(0.7, 1, 1);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
    transition-timing-function: ease, ease;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    border-radius: 50rem !important;
    bottom: 0px;
    right: -1px;
}
.btn-warning:hover::before {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.btn-warning:hover,
.btn-check:focus + .btn-warning,
.btn-warning:focus {
    background-color: #ffda33;
    border-color: #ffda33;
}

.btn-light {
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    border: none;
}
/*.btn-light::before {content: ''; position: absolute; top: 0; left: 0; background: #1A2130; z-index: -1; opacity: 0; -webkit-transform: scale3d(0.7, 1, 1); transform: scale3d(0.7, 1, 1); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; transition-timing-function: ease, ease; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); border-radius: 0rem !important; bottom: 0px; right: -1px;}
.btn-light:hover::before {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}*/
.btn-light:hover,
.btn-check:focus + .btn-light,
.btn-light:focus {
    background-color: #31ba46;
    border-color: #31ba46;
    color: #fff;
}

.btn-dark {
    background-color: #1a2130;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    border: none;
}
.btn-dark {
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	border: none;
	background: linear-gradient(to right, #000, #403e39);
	border-radius: 6px !important;
	overflow: hidden;
}
.btn-dark::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    z-index: -1;
    opacity: 0;
    -webkit-transform: scale3d(0.7, 1, 1);
    transform: scale3d(0.7, 1, 1);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
    transition-timing-function: ease, ease;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    border-radius: 0.25rem !important;
    bottom: 0px;
    right: -1px;
}
.btn-dark:hover::before {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.btn-dark:hover,
.btn-check:focus + .btn-dark,
.btn-dark:focus {
    background-color: #000;
}

.btn-outline-dark {
    color: #c19a02;
    border-color: #c19a02;
}
.btn-outline-dark:hover,
.btn-check:active + .btn-outline-dark,
.btn-check:checked + .btn-outline-dark,
.btn-outline-dark.active,
.btn-outline-dark.dropdown-toggle.show,
.btn-outline-dark:active {
    color: #fff;
    background-color: #c19a02;
    border-color: #c19a02;
}

.btn-danger {
    background-image: linear-gradient(
        109.6deg,
        rgb(255, 115, 68) 11.2%,
        rgb(244, 255, 32) 100.6%
    );
    color: #000;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-check:active + .btn-danger,
.btn-check:checked + .btn-danger,
.btn-danger.active,
.btn-danger:active {
    background-image: linear-gradient(
        109.6deg,
        rgb(245, 245, 35) 11.2%,
        rgb(255, 115, 68) 100.6%
    );
    color: #000;
}

/*---------------Button End---------------*/

/*---------------BG Background Start---------------*/
.bg-yellow {
    background-color: #fefbd8 !important;
}
.bg-yellow-light {
    background-color: #fbf8dd !important;
}
.bg-dark {
    background-color: #222 !important;
}
.bg-light {
    background-color: rgba(255, 255, 255, 0.1) !important;
}
.bg-greenlight {
    background-color: #f5e7b2 !important;
}
.bg-blue {
    background-image: linear-gradient(
        109.6deg,
        rgb(255, 115, 68) 11.2%,
        rgb(244, 255, 32) 100.6%
    );
}
/*---------------BG Background End---------------*/

.homepad {
    padding-top: 5rem;
    padding-bottom: 5rem;
}
.header-top .logo-header img {
    max-width: 70px;
}
.home-banner {
    background-size: cover !important;
    padding-top: 2.5rem;
}
.navbar-light .navbar-nav .nav-link {
    color: #EBD197;
    padding-right: 0.8rem;
    padding-left: 0.8rem;
    text-transform: capitalize;
    border-bottom: 2px solid transparent;
}
.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    margin-top: 20px;
}
.owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 5px 5px;
    background: #cecece;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 0.2s ease;
    border-radius: 0px;
    border: 2px solid #cecece;
}
.owl-theme .owl-dots .owl-dot.active span, 
.owl-theme .owl-dots .owl-dot:hover span {
	background: #B48811;
	border-color: #B48811;
}

.clients-text {
    letter-spacing: 1px;
}
.steplist li {
    padding-left: 27px;
}
.steplist li .number {
    left: 0;
}

.footer-bg {
}
footer.footer-bg {
    padding: 13rem 0 3rem;
}
.accordionhome .accordion-item {
    background-color: transparent;
    margin-bottom: 5px;
    border: none !important;
}
.accordion-button:focus {
    box-shadow: none;
}
.accordion-button::after {
    background: #f4fc21;
    height: 2px;
    width: 14px;
    left: auto;
    position: absolute;
    right: 22px;
}
.accordion-button::before {
    content: "";
    width: 2px;
    height: 14px;
    content: "";
    margin-left: auto;
    position: absolute;
    right: 28px;
    background: #f4fc21;
    display: block;
}
.accordion-button:not(.collapsed) {
    box-shadow: none;
}
.accordion-button:not(.collapsed)::after {
    background: #1a2130;
    height: 2px;
    width: 14px;
}
.accordion-button:not(.collapsed)::before {
    display: none;
}
.accordionhome .accordion-item .accordion-button {
    border-radius: 4px !important;
    background-color: rgba(255, 255, 255, 0.1);
    padding-right: 40px;
}
.accordion-button:not(.collapsed) {
    background-image: linear-gradient(
        109.6deg,
        rgb(255, 115, 68) 11.2%,
        rgb(244, 255, 32) 100.6%
    ) !important;
}
.accordion-button:not(.collapsed) {
    color: #1a2130 !important;
}
.footer-logo img {
    max-width: 130px;
}

/*header.fixed-tops {background: rgba(20, 22, 26, 0.94); padding-top: 0.3rem !important; padding-bottom: 0.3rem !important;}*/
header.header-top {
    background-color: transparent; /*z-index: initial; */
    position: relative;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    z-index: 9;
}
/*header.fixed-tops .logo-header img {max-width: 110px;}*/

/*.navbar-light .navbar-nav .nav-link:focus,*/
/*.navbar-light .navbar-nav .nav-link:hover {*/
/*    border: 1px solid #20252f;*/
/*    color: #ffda33;*/
/*    background-color: #20252f;*/
/*}*/

/*.navbar-light .navbar-nav .nav-link {*/
/*    border: 1px solid transparent;*/
/*}*/
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link.active {
	/* border: 1px solid #f6eb25; */
	/* color: #000; */
	/* background-color: #f6eb25; */
	border-bottom-color: #3f444b;
	color: #EBD197;
}
.banner-btn {
    z-index: 3;
}

.blogbox::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(
        left,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.3) 100%
    );
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.3) 100%
    );
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.blogbox:hover::before {
    -webkit-animation: shine 0.75s;
    animation: shine 0.75s;
}
@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}
@keyframes shine {
    100% {
        left: 125%;
    }
}

.callnow-yellow {
    z-index: 3;
}
.callnow-yellow:hover {
    background-color: #fff !important;
}
.callnow {
    position: relative;
    z-index: 3;
}
.breadcrumb-item + .breadcrumb-item::before {
    background: url(../images/breadcrumb-icon.png) center no-repeat;
    content: "";
    width: 18px;
    height: 12px;
    position: relative;
    bottom: -4px;
    margin-right: 10px;
    margin-left: 4px;
}
.banner-inner {
	padding-top: 3rem;
	padding-bottom: 3rem;
	z-index: 2;
}
.allposts a {
    border: 1px solid transparent;
}
.allposts a.active,
.allposts a:hover {
    border: 1px solid #fff;
}
.search-box button {
    top: 8px;
    left: 8px;
}

.bloglist-share {
    width: 40px;
    top: 15px;
    right: 15px;
    z-index: 3;
}
.bloglist-share a {
    width: 40px;
    height: 40px;
    text-align: center;
}
.criket-user {
    bottom: 15px;
    left: 15px;
}
.criket-user img {
    border: 2px solid #fff;
    max-width: 40px;
}
.bloglist-box .blogbox::after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    display: block;
    content: "";
    right: 0;
    bottom: 0;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.9) 100%
    );
}
.bloglist-box:hover {
    background-image: linear-gradient(
        109.6deg,
        rgb(255, 115, 68) 11.2%,
        rgb(244, 255, 32) 100.6%
    ) !important;
}
.bloglist-box:hover .comments {
    color: #1a2130 !important;
}
.bloglist-box:hover h5 a,
.bloglist-box:hover p.dcs {
    color: #000 !important;
}
.call-banner a {
    min-width: 262px;
}
.call-banner {
    background-position: 90% 60% !important;
    background-size: cover !important;
}

.servicesbox {
    top: 0;
    bottom: 0;
    width: 50%;
    display: flex;
}
.servicesbox h5::after {
    background: #333;
    height: 2px;
    width: 50px;
    content: "";
    display: block;
    margin: 10px auto 14px;
}

.servicesbox_l {
    left: 0;
    background: #fefbd8;
}
.servicesbox_l::after {
    width: 0px;
    height: 0px;
    content: "";
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 24px solid #fefbd8;
    position: absolute;
    right: -23px;
    top: 30px;
}
.servicesbox_r {
    right: 0;
    background: #fff;
}
.servicesbox_r::before {
    width: 0px;
    height: 0px;
    content: "";
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 24px solid #fff;
    position: absolute;
    left: -23px;
    top: 30px;
}

.servicesbox-send {
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    display: flex;
    height: 50%;
}
.servicesbox-send h5::after {
    background: #333;
    height: 2px;
    width: 50px;
    content: "";
    display: block;
    margin: 10px auto 14px;
}
.servicesbox_b {
    bottom: 0;
    background: #e4c77a;
}
.servicesbox_b::after {
    width: 0px;
    height: 0px;
    content: "";
    position: absolute;
    left: 30px;
    bottom: -24px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 24px solid #e4c77a;
}

.socialmedia-icon a {
    background: url(../images/socialmedia.png) no-repeat;
    width: 20px;
    height: 21px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.socialmedia-icon a.ig {
    background-position: 0px 0;
}
.socialmedia-icon a.ig:hover {
    background-position: 0px -38px;
}
.socialmedia-icon a.pt {
    background-position: -47px 0;
}
.socialmedia-icon a.pt:hover {
    background-position: -47px -38px;
}
.socialmedia-icon a.wa {
    background-position: -92px 0;
}
.socialmedia-icon a.wa:hover {
    background-position: -92px -38px;
}
.socialmedia-icon a.sd {
    background-position: -137px 0;
}
.socialmedia-icon a.sd:hover {
    background-position: -137px -38px;
}

.link a:hover {
    color: #ffda33 !important;
}
.search-box {
    margin-top: 2.5rem;
    margin-bottom: 2rem;
}
.select-drop::after {
    content: "";
    border: solid #c4c4c4;
    border-width: 0 3px 3px 0;
    padding: 4px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    right: 22px;
    top: 50%;
    margin-top: -8px;
    z-index: 0;
}
.datepicker-icon {
    background-image: url(../images/date-icon.png);
    background-repeat: no-repeat;
    background-position: right 15px bottom 8px;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1000px;
    }
}

@media (min-width: 1366px) {
    .container {
        max-width: 1100px;
    }
}

.nav-item {
    position: relative;
}

.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
}
.nav-item .dropdown-menu {
    padding: 0;
    border: none;
    border-radius: 8px; overflow: hidden;
}

.nav-item:hover .dropdown-menu {
    display: block;
}

.dropdown-item {
    display: block;
    padding: 0.5rem 1rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    text-transform: capitalize;
    font-family: "Raleway", sans-serif;
}

.dropdown-item:hover {
    background-color: #dfc45d;
}

.home-banner > div {
    z-index: 5;
}

/*header.header-top::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #063977;
}*/
header.header-top .navbar {
	z-index: 5;
	position: relative;
	border-bottom: 2px solid #ffff;
}
.sc_blogger_item_button a {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.blog-col .sc_blogger_item_button a {
    border-bottom: 1px solid #fff;
}
.happy-customers-img {
    padding-bottom: 5rem;
}

.callnow .rounded-circle {
    padding: 10px !important;
}

.contact-header {
	padding: 10px 20px;
	color: #fff !important;
	display: inline-flex;
	align-items: center;
	animation: animationGradient 1.2s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	letter-spacing: 0.6px;
	background: linear-gradient(to right, #c59f3e, #e8cc82);
	transition: 0.4s linear;
	border-radius: 6px;
	text-transform: capitalize;
}
@keyframes animationGradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 50% 100%;
    }
}
.contact-header:hover {
    transform: scale(1.05);
}

.btn-buttons {
    position: relative;
    min-width: 140px;
}
.btn-buttons:before {
    display: inline-block;
    content: "";
    height: 8px;
    width: 8px;
    border-radius: 100%;
    position: absolute;
    bottom: -4px;
    left: 0px;
    background: #117dff;
    animation: slide-x2 infinite 4s linear;
}

.btn-buttons::after {
    display: inline-block;
    content: "";
    height: 8px;
    width: 8px;
    border-radius: 100%;
    position: absolute;
    top: -4px;
    right: 0px;
    background: #9600fd;
    animation: slide-x infinite 4s linear;
}

@-webkit-keyframes slide-x {
    0% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
    50% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    100% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
}

@keyframes slide-x {
    0% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
    50% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    100% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
}

@-webkit-keyframes slide-x2 {
    0% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
    }
    50% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
    100% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
    }
}

@keyframes slide-x2 {
    0% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
    }
    50% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
    100% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
    }
}

.callnow .rounded-circle {
    position: relative;
}
.callnow .rounded-circle span {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; /*background-color: #FFF455;*/
    z-index: 1;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    transition: border-color 0.3s linear;
    -webkit-transition: border-color 0.3s linear;
    -moz-transition: border-color 0.3s linear;
    -o-transition: border-color 0.3s linear;
    -ms-transition: border-color 0.3s linear;
}
.callnow .rounded-circle .circle-1 {
    animation: circle-fade-before 2s infinite ease-in-out;
    -webkit-animation: circle-fade-before 2s infinite ease-in-out;
}
.callnow .rounded-circle .circle-2 {
    animation: circle-fade-after 2s infinite ease-in-out;
    -webkit-animation: circle-fade-after 2s infinite ease-in-out;
}
.callnow .rounded-circle img {
    z-index: 2;
}
@keyframes circle-fade-before {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(1.6);
        opacity: 0;
    }
}
@keyframes circle-fade-after {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(2.2);
        opacity: 0;
    }
}

.bullet-icon {
    list-style: none;
    padding: 0;
    margin: 0;
}

.bullet-icon li {
    position: relative;
    padding-left: 26px;
    line-height: 1.3;
    margin-bottom: 1rem;
}
.bullet-icon li::before {
    content: "";
    display: block;
    background: url(../images/blut-icon.png);
    position: absolute;
    width: 16px;
    height: 18px;
    left: 0;
    top: 1px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.whatsapp-btn {
    position: fixed;
    right: 20px;
    bottom: 50px;
    z-index: 1000;
}

.whatsapp-btn img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.9);
    transition: transform 0.3s ease-in-out;
}

.whatsapp-btn img:hover {
    transform: scale(1.1);
}
/*.logo-header {
    background: url(../../asset/images/logo-bg.png);
    background-size: 110%;
    padding: 18px 20px 52px 26px;
    background-repeat: no-repeat;
    background-position: bottom left;
    margin: -7px 0px -113px;
}*/

.happy-customers .happyclients-icon img {
    max-width: 46px;
}

.whychoose-bg {
    padding-right: 5rem;
    padding-left: 28.5rem;
}

.whychoose-img img {
    border-top-left-radius: 70px;
}

/*.about-pad {background-image: radial-gradient(circle at 2.9% 7.7%, rgba(164, 14, 176, 0.2) 0%, rgba(254, 101, 101, 0.2) 90%);}*/
.about-pad {
    background-image: linear-gradient(
        109.8deg,
        rgba(223, 29, 29, 0.9) -5.2%,
        rgba(151, 14, 59, 0.3) -5.2%,
        rgba(216, 68, 148, 0.1) 103.3%
    );
}

.customer-pad {
    padding-top: 6rem !important;
}
.sustomer-bg {
    padding: 3rem 2rem;
    background-image: radial-gradient(
        circle at 10% 20%,
        rgba(255, 255, 255, 0.2) 0%,
        rgba(255, 255, 255, 0.2) 90%
    );
    min-height: 240px;
}

.customerservice .sustomer-bg:hover,
.customerservice .sustomer-bg.active {
    background-image: linear-gradient(
        109.6deg,
        rgb(255, 115, 68) 11.2%,
        rgb(244, 255, 32) 100.6%
    );
}
.customerservice .sustomer-bg:hover *,
.customerservice .sustomer-bg.active * {
    color: #000 !important;
}
.blut-icon {
    min-width: 33px;
    width: 33px;
}

.getfree_wrapper .sectionmaintitle {
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
}

.getfree_wrapper .sectionmaintitle > div {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}

.getfree_wrapper .sectionmaintitle > div span {
    border: 2px dashed #fff;
    border-radius: 6px;
    padding: 14px 20px;
    margin-top: 20px;
    position: relative;
    letter-spacing: 4px;
}

.getfree_wrapper .sectionmaintitle > div span:before {
    display: inline-block;
    content: "";
    height: 10px;
    width: 10px;
    border-radius: 100%;
    position: absolute;
    bottom: -6px;
    left: 102px;
    background: #8cd1d1;
    animation: slide-x2 infinite 4s linear;
}

.getfree_wrapper .sectionmaintitle > div span:after {
    display: inline-block;
    content: "";
    height: 10px;
    width: 10px;
    border-radius: 100%;
    position: absolute;
    top: -6px;
    right: 102px;
    background: #fdc800;
    animation: slide-x infinite 4s linear;
}

@-webkit-keyframes slide-x {
    0% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
    50% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    100% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
}

@keyframes slide-x {
    0% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
    50% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    100% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
}

@-webkit-keyframes slide-x2 {
    0% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
    }
    50% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
    100% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
    }
}

@keyframes slide-x2 {
    0% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
    }
    50% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
    100% {
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
    }
}

.getfree_wrapper {
    /* background-image: radial-gradient(1173px at -3.5% -4.8%, rgba(255, 140, 16, 0.1) 8.4%, rgba(255, 26, 26, 0.1) 20.6%, rgba(0, 64, 249, 0.4) 46.7%, rgba(131, 201, 8, 0.3) 69.6%, rgba(255, 230, 28, 0.1) 84.7%); */
    background-image: radial-gradient(
        circle at 10% 50%,
        rgba(231, 3, 173, 0.3) 0%,
        rgb(255, 240, 1, 0.1) 100.2%
    );
}
.start-icon li img {
    width: 18px;
    min-width: 18px;
}

/* testimonial */

.testimonial-card * {
    padding: 0 !important;
    margin: 0 !important;
}

.testimonial-card {
    background-color: #3c454c;
    transition: background-color 0.5s ease;
    cursor: pointer;
}

.testimonial-card:hover {
    background-color: #ffc300;
}

.testimonial-card .testimonial-star {
    color: #ffc300 !important;
}

.testimonial-card:hover .testimonial-star {
    color: #3c454c !important;
}



/*NEW CSS 7-8-25*/
.rounded {border-radius: .28rem !important;}
.line-height-2 {line-height: 1.7;}


.whatsaap-icon .e-font-icon-svg {height: 1em; color: #fff; fill: #fff; margin-right: 5px;}
.btn-gopunt-gradient {background: linear-gradient(to right, #c59f3e, #e8cc82); color: white !important; border-radius: 10px; border: 1px solid #c59f3e;}
.btn-gopunt-gradient:hover {background: transparent;}
.btn-gopunt-outline {border: 1px solid #c59f3e; background-color: transparent; color: white !important; border-radius: 10px;}
.btn-gopunt-outline:hover{background: linear-gradient(to right, #c59f3e, #e8cc82);}
.welcome-to-gopunt {background-color: transparent; padding: 16px 16px 16px 16px; background-image: radial-gradient(at center center, #D39A00 0%, #000000 95%); border-style: solid; border-width: 1px; border-radius: 15px;}




.what-is-gopunt {border: 1px solid #B48811;}
.what-is-gopunt-img img {border: 1px solid #B48811;}

.target .feature-box {background-color: transparent; background-image: radial-gradient(at top left, #B48811 0%, #E2D3D700 81%); border: 1px solid #c59f3e; border-radius: 10px; padding: 2rem; text-align: center; height: 100%;}
.target .feature-box .feature-icon img {max-width: 150px;}
.target .feature-title {color: #c59f3e;}
.target-btn .whatsaap-icon{max-width: 170px;}    

.benefits-section .benefit-card {background-color: transparent; background-image: linear-gradient(180deg, #B48811 0%, #EBD197 100%); border-style: solid; border-width: 1px; border-color: #B48811; border-radius: 10px;}
.benefits-section .benefit-card:hover {transform: translateY(-5px);}
.benefits-section .benefit-title {color: #000; margin-bottom: 10px; line-height: 1.1;}
.benefits-section .benefit-text {color: #000;}


.game-guide-card ul {padding-left: 1.2rem;}
.game-guide-card li {margin-bottom: 10px;}
.game-guide-card strong {font-weight: 600;}
.step-box {border: 1px solid #B48811; border-radius: 10px; padding: 25px; text-align: center; color: rgba(255, 255, 255, 0.8);}
.step-row {background-color: transparent; background-image: linear-gradient(180deg, #604300 0%, #190006 100%); padding: 40px 0;}


.dailycontests-btn .whatsaap-icon {max-width: 330px;}

.dailycontests-img img {box-shadow: 0px 0px 10px 0px #A2790D;}

.revolution-section {background-color: #000; border-top: 3px solid #c59f3e; border-bottom: 3px solid #c59f3e; border-radius:10px; padding: 20px 0px;}


.faq-item {margin-bottom: 25px;}
.faq-item h5 {color: #ffcc00;}
.faq-item p,
.faq-item ul {color: #fff; margin-top: 5px; line-height: 1.6;}
.faq-item ul {padding-left: 20px; margin-bottom: 0;}


.clientlogo img {border: 1px solid #B48811;	padding: 10px;}


.footer-desc {color: #ccc; line-height: 1.5;}
.footer-links a {display: block; color: #FFFFFF; margin-bottom: 8px; text-decoration: none;}
.footer-links a:hover {color: #ffcc00;}
.footer-bottom {text-align: center; color: #aaa; padding-top: 15px; padding-bottom: 15px;}

.call-banner {border-radius: 6px !important;}
.service_heading {background-image: radial-gradient(at center center, #DEC27F 0%, #000000 43%);}
.services-col {border-radius: 6px; overflow: hidden;}

.bloglist-box h5 {font-family: "Poppins", sans-serif;}