@import url('https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap');

body {background-color: var(--bodyColor); font-size: 15px;color: #686868;font-family: 'Geist', sans-serif; font-weight: 400;font-style: normal;-webkit-font-smoothing: antialiased;word-wrap: break-word;}

body::-webkit-scrollbar {width: 10px; background-color: #F5F5F5; }
body::-webkit-scrollbar-button:start:decrement, body::-webkit-scrollbar-button:end:increment {display: none; }
body::-webkit-scrollbar-track-piece {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #ddd; }
body::-webkit-scrollbar-thumb:vertical {border-radius: 50px; background-color: var(--primeColor); }

::selection {background: var(--primeColor); color: #fff; text-shadow: none; }
::-webkit-scrollbar {width: 3px; background-color: var(--primeColor); }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: none; width: 5px;}
::-webkit-scrollbar-track-piece {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #ddd; }
::-webkit-scrollbar-thumb:vertical {border-radius: 100px; background-color: var(--primeColor); }

/************COLORS CSS*/
:root {
  --primeColor: #e22d86;
  --secondColor: #a163f0;
  --bodyColor:#060010;
  --black: #000;
  --white: #fff;
  --gradient:linear-gradient(to right, #a262ee, #bf52d5, #d242bb, #dd35a0, #e22d86);
  --gradient_txt:linear-gradient(to right, #fbce4a, #ff9047, #ff4870, #e806a7, #743bd9);
}
.primeColor{color: var(--primeColor) !important; } 

.light h1, .light h2, .light h3, .light h4, .light h5, .light h6, .light a, .light p, .light span, .light li, .light {color: var(--white); }
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark a, .dark p, .dark i, .dark span, .dark, .black {color: var(--black) !important; }
.gradient_txt {background-image: var(--gradient_txt); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-position: 100% 100%; }
/************COLORS CSS*/

ul.fancy_list li {position: relative; padding-left: 18px; list-style: none; font-weight: 100; font-size: 15px; margin: 5px 0; }
ul.fancy_list li:before {top: 6px; width: 7px; height: 12px; border: solid var(--primeColor); border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; content: ""; transition: .5s ease-out; left: 0; z-index: 999; }

.rating {display: flex; column-gap: 2px; font-size: 15px; color: #ffd200; }


ul, ol {margin: 0; padding: 0; }
a {color: var(--primeColor); text-decoration: none; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -ms-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; }
a:hover, a:focus, a:active {color: var(--primeColor);text-decoration: none;outline: 0;}
a:visited {text-decoration: none; outline: 0; }
textarea {outline: none !important; height: 150px; }
b, strong {font-weight: 800; }
li{list-style: none;}


.input {width: 100%;font-size: 14px;padding: 15px 15px;margin-bottom: 20px;border: none;border-radius: 25px;}
.input:focus {border-color: var(--yellow) !important; }
.input::placeholder {color: #000; font-weight: 600; font-size: 14px; }
textarea.txt_area {height: 119px !important; }

/*.terms-first-wrap-text {margin-bottom: 20px; }*/
.term-first-wrapper h5 {margin: 20px 0 10px; }
section.term-first-wrapper {padding: 50px 0; }


/************HEADER CSS*/
img.logo {width: 250px; }
header {background-color: #000; position: relative; z-index: 999;}
header a {font-size: 18px; font-weight: 500; }
header .second_nav span.discount_txt, header .second_nav ul li a {font-size: 13px; color: #000; }
header .second_nav span.discount_txt span {background-color: var(--primeColor); color: #fff; padding: 0 3px; font-weight: 600; } 
header .second_nav {background-color: #f4f4f4;padding: 10px 0;border-bottom: 1px solid #0000000d;}
header .second_nav ul {margin: 0 0 0 auto; display: table; }
header .second_nav ul li {display: inline-block; margin: 0 0 0 20px; position: relative; padding-left: 25px; }
header .second_nav ul.contact_info li a {color: #fff; font-size: 14px; }
header nav {position: relative; padding: 15px 40px;width: 100%; background-color: #000;}

ul.contact_info li:before {position: absolute; left: 0; color: var(--primeColor); font-family: 'FontAwesome'; }
ul.contact_info li:nth-child(1):before {content: "\f095"; } 
ul.contact_info li:nth-child(2):before {content: "\f041"; }
ul.contact_info li:nth-child(3):before {content: "\f0e0"; font-size: 15px; }
ul.contact_info li a:hover {color: var(--primeColor); }

header ul {display: flex; column-gap: 30px; align-items: center; }
header ul li {list-style: none; position: relative; }
header ul li.active a {color: var(--primeColor); } 
header nav ul li a {color: #000; font-weight: 500; text-transform: capitalize; font-size: 17px; padding-bottom: 20px; }
header nav ul li a:hover {color: var(--primeColor); }
header .top_nav ul.navigation {justify-content: center; }

ul.get_stated_ul {float: right; }
ul.get_stated_ul li a {font-weight: 600; }

.has_drop:before {content: "\f0d7"; font-family: fontawesome; position: absolute; right: 0; transition: .5s; color: #000; }
.has_drop {padding-right: 20px; position: relative; }
/************HEADER CSS*/

/************HAMBURGER CSS*/
.hamBurger {width: 40px;height: 40px;background-color: var(--primeColor);float: right;padding: 6px 8px;cursor: pointer;margin-left: 15px;border-radius: 50%;}
.hamBurger div {border-bottom: 1px solid #fff; margin: 6px 0; }
.hamBurger div:nth-child(2) {width: 20px; }
.hamBurger div:nth-child(3) {width: 10px; }
.hamBurger:hover div {width: 100%; }
/************HAMBURGER CSS*/

/************TABS CSS*/
ul#pills-tab li button:hover span.btn_wrap {background-color: #000; }
ul#pills-tab {margin: auto;display: flex;margin-bottom: 0px !important;column-gap: 25px;justify-content: center;}
ul#pills-tab li {display: inline-block; }
ul#pills-tab li button {border-radius: 50px;color: var(--white);text-transform: capitalize;padding: 1px;font-weight: 400;font-size: 15px;background-color: #fff;margin: auto;display: table;}
ul#pills-tab li button.active {background-image: var(--gradient);color: var(--primeColor) !important;}
ul#pills-tab li button span {width: 100% !important;display: inline-block;margin-top: 0;padding: 10px 40px;transition: .5s;}
ul#pills-tab li button.active img {filter: unset !important;opacity: 1 !important;} ul#pills-tab li button img {width: 50px; height: 45px; object-fit: contain; filter: brightness(0); opacity: 0.3; }
/************TABS CSS*/

/************BUTTONS CSS*/
.btn_set {display: flex; column-gap: 15px; align-items: center; }

.gradient_border_btn {display: inline-block;border-radius: 50px;background-image: var(--gradient);padding: 1px;}
.gradient_border_btn .btn_wrap {display: flex;align-items: center;gap: 30px;background-color: var(--bodyColor);padding: 7px 7px 7px 30px;border-radius: 50px;font-size: 16px;transition: .5s;}
.gradient_border_btn .icon_wrap svg {width: 22px; transform: rotate(-45deg); transition: .5s; }
.gradient_border_btn .icon_wrap {display: flex;width: 35px;height: 35px;justify-content: center;align-items: center;background-color: #fff;border-radius: 50%;}
.gradient_border_btn .icon_wrap svg {color: #000; }
.gradient_border_btn .icon_wrap svg {color: var(--white);}
.gradient_border_btn .icon_wrap {background-color: var(--primeColor);transition: .5s;}
.gradient_border_btn:hover .btn_wrap {background-color: transparent; }
.gradient_border_btn:hover .btn_wrap .icon_wrap {background-color: #fff;}
.gradient_border_btn:hover .btn_wrap .icon_wrap svg {color: var(--primeColor);transform: rotate(0deg);}



.white_border_btn {display: inline-block;border-radius: 50px;background-color: var(--white);padding: 1px;color: var(--white);}
.white_border_btn .btn_wrap {display: flex;align-items: center;gap: 30px;background-color: var(--bodyColor);padding: 7px 7px 7px 30px;border-radius: 50px;font-size: 16px;transition: .5s;height: 100%;}
.white_border_btn .icon_wrap svg {width: 22px; transform: rotate(-45deg); transition: .5s; }
.white_border_btn .icon_wrap {display: flex;width: 35px;height: 35px;justify-content: center;align-items: center;background-color: #fff;border-radius: 50%;}
.white_border_btn .icon_wrap svg {color: var(--primeColor) !important;}
.white_border_btn .icon_wrap svg {color: var(--white);}
.white_border_btn .icon_wrap {background-color: var(--white);transition: .5s;}
.white_border_btn:hover .btn_wrap {background-color: transparent;color: #000;}
.white_border_btn:hover .btn_wrap .icon_wrap {background-color: var(--primeColor);}
.white_border_btn:hover .btn_wrap .icon_wrap svg {color: #fff !important;transform: rotate(0deg);}


button.gradient_btn {padding: 8px 8px 8px 20px;gap: 40px;text-align: center;position: relative;} 
button.gradient_btn svg {padding: 7px;transform: rotate(-45deg);transition: .5s;width: 38px;height: 38px;} 
button.gradient_btn:hover svg {transform: unset; }
button.gradient_btn:hover svg {color: #fff !important;}



.gradient_btn {gap: 10px;background-image: var(--gradient);border-radius: 50px;padding: 10px 20px;display: inline-block;border: none;color: #fff;position: relative;overflow: hidden;}
.gradient_btn span.btn_txt {color: #fff;position: relative;transition: .5s;}
.gradient_btn i {color: var(--secondColor); }

.gradient_btn:before {content: ""; width: 50px; height: 50px; background-color: #fff; border-radius: 50%; position: absolute; left: 0; right: 0; margin: auto; transition: 1s; transform: scale(0); bottom: -50px; }
.gradient_btn:hover:before {transform: scale(15);bottom: unset !important;!I;!;top: -50px;}
.gradient_btn:hover .whtieBG_circle {background-color: var(--primeColor); color: #fff; }
.gradient_btn:hover span.btn_txt {color: #000; }
/************BUTTONS CSS*/


/************TYPOGRAPHY CSS*/
p {line-height: 1.6; margin: 0 0 15px; word-wrap: break-word; }
h1, h2, h3, h4, h5, h6 {margin: 0 0 15px; line-height: 1.2; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: inherit; }
/*h1 {font-size: 52px; font-weight: 700; text-transform: capitalize; }
h2 {font-size: 36px; font-weight: 700; text-transform: capitalize; }
h3 {font-size: 26px; font-weight: 700; text-transform: capitalize; }
h4 {font-size: 22px; font-weight: 700; text-transform: capitalize; }
h5 {font-size: 18px; font-weight: 500; text-transform: uppercase; }
h6 {font-size: 20px; font-weight: 400; text-transform: capitalize; }*/

.fw_800 {font-weight: 800; }
.fw_700 {font-weight: 700; }
.fw_600 {font-weight: 600; }
.fw_500 {font-weight: 500; }
.fw_400 {font-weight: 400; }
.fw_300 {font-weight: 300; }
.fw_200 {font-weight: 200; }
.fw_100 {font-weight: 100; }

.uppercase{text-transform: uppercase;}

.heading200px{font-size: 200px;line-height: 200px;position: relative;display: inline-block;}
.heading150px{font-size: 150px;line-height: 150px;position: relative;display: inline-block;}
.heading110px{font-size: 100px;line-height: 100px;}
.heading60px{font-size: 50px; }
.heading85px{font-size: 85px; }
.heading50px{font-size: 50px; text-transform:  capitalize;}
.heading40px{font-size: 36px;}
.heading35px{font-size: 35px; }
.heading24px{font-size: 24px; }
.heading22px{font-size: 22px; }
.heading20px{font-size: 20px;text-transform: capitalize;}

.subtitle {font-size: 20px; }
/************TYPOGRAPHY CSS*/


ul.subMenu .links_clm {padding: 30px; }
ul.subMenu .img_clm {background-color: #eeeeee; display: flex; justify-content: center; align-items: center; }
ul.subMenu li a {display: block; margin: 0 0 10px 0; border-bottom: 1px solid #fff; padding-bottom: 10px; }
ul.subMenu li:last-child a {border: none; padding-bottom: 0; margin-bottom: 0; }
ul.subMenu li a {color: #fff !important; font-weight: 300; padding-left: 0px; font-size: 14px; transition: .5s ease-out; }
ul.subMenu li a:before {left: 10px; top: 6px; width: 0px; height: 0px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg)scale(0); position: absolute; content: ""; transition: .5s ease-out; left: 0; }
ul.subMenu li a:hover, ul.subMenu li.active a {padding-left: 20px; }
ul.subMenu li a:hover:before, ul.subMenu li.active a:before {width: 7px; height: 12px; transform: rotate(45deg)scale(1); /* transition-delay: .5s; */ }
ul.subMenu img.services_hover_img {height: 250px; transition: .5s ease-out; width: 100%; }




/*.openMenu {left: 0% !important; }
.responsive_menu {overflow-x: hidden; position: fixed; top: 0; bottom: 0; z-index: 99999999; background-color: var(--primeColor); display: flex; left: -100%; width: 300px; padding: 40px 40px; transition: .5s ease-out }
.responsive_menu .clm_wrap ul.subMenu {overflow-y: auto; transition: unset !important; display: none; position: unset; opacity: 1; left: 0; padding: 10px 0; width: 100%; background-color: #00000021; border-radius: 0 !important; box-shadow: unset; }
.responsive_menu .clm_wrap ul.subMenu li {padding: 0; margin: 0; border: none !important; }
.responsive_menu .clm_wrap ul.subMenu li {border: none !important; margin: 0px 0; }
.responsive_menu .clm_wrap ul.subMenu li a {font-size: 13px; padding: 5px 20px; display: inline-block; }
.responsive_menu ul li a {text-transform: capitalize; font-weight: 500; color: #000; display: inline-block; width: 100%; } 
.responsive_menu .clm_wrap {width: 100%; } .responsive_menu ul li {margin: 20px 0; position: relative; }
.responsive_menu ul.contact_info li {padding-left: 25px; }
.responsive_menu ul.contact_info li:before {color: var(--primeColor); }
.responsive_menu ul:last-child {margin-bottom: 0; }
.responsive_menu ul {margin-bottom: 50px; } 
.responsive_menu ul.navigation {display: inline-block !important; width: 100%; }
.responsive_menu ul.navigation li {list-style: none; }
.responsive_menu .clm_wrap ul.subMenu .col-6 {width: 100%; }
.responsive_menu .clm_wrap ul.subMenu .col-6:last-child {display: none; }
.responsive_menu ul.subMenu .links_clm {padding: 0px; } 
.responsive_menu ul.service_menu {display: none; }
.open_drop:before {transform: rotate(180deg); }*/



.openDropDown {top: 40px !important; z-index: 999 !important; opacity: 1 !important; pointer-events: all !important; }
.drop_btn:before {transform: rotate(-180deg); }
.drop_icon:before {content: "\f107"; font-family: 'FontAwesome'; position: absolute; right: 0; transition: .5s; }
.drop_icon {position: relative; padding-right: 20px; }





.openMenu {transform: scale(1) !important;}
.responsive_menu {overflow: hidden;position: fixed;top: 0;bottom: 0;z-index: 99999999;display: flex;align-items: center;width: 100%;padding: 40px 40px;justify-content: center;transform: scale(0);}
.responsive_menu .clm_wrap ul.subMenu {overflow-y: auto; transition: unset !important; display: none; position: unset; opacity: 1; left: 0; padding: 10px 0; width: 100%; background-color: #00000021; border-radius: 0 !important; box-shadow: unset; }
.responsive_menu .clm_wrap ul.subMenu li {padding: 0; margin: 0; border: none !important; }
.responsive_menu .clm_wrap ul.subMenu li {border: none !important; margin: 0px 0; }
.responsive_menu .clm_wrap ul.subMenu li a {font-size: 13px; padding: 5px 20px; display: inline-block; }
.responsive_menu ul li a {text-transform: capitalize;font-weight: 500;color: #fff;display: inline-block;width: 100%;font-size: 18px;position: relative;/* top: 60px; */transition: 1s;} 
.responsive_menu .clm_wrap {width: 100%; } .responsive_menu ul li {margin: 20px 0;}
.responsive_menu ul.contact_info li {padding-left: 25px; }
.responsive_menu ul.contact_info li:before {color: var(--primeColor); }
.responsive_menu ul:last-child {margin-bottom: 0; }
.responsive_menu ul {margin-bottom: 50px; } 
.responsive_menu ul.navigation {display: inline-block !important;width: 100%;text-align: center;position: relative;overflow: hidden;}
.responsive_menu ul.navigation li {list-style: none;overflow: hidden;}
.responsive_menu .clm_wrap ul.subMenu .col-6 {width: 100%; }
.responsive_menu .clm_wrap ul.subMenu .col-6:last-child {display: none; }
.responsive_menu ul.subMenu .links_clm {padding: 0px; } 
.responsive_menu ul.service_menu {display: none; }
.responsive_menu ul ul.megaMenu li a {top: 0; }
.responsive_menu canvas#canv {position: absolute; }
.open_drop:before {transform: rotate(180deg); }
span.layer {position: fixed;width: 1px;height: 1px;background-color: #000;transform: scale(0);border-radius: 50%;transition: 1s;left: 0;top: 0;}
span.layer:nth-child(2) {transition-delay: .2s;background-color: #111;}
span.closeBtn {display: inline-block;width: 50px;height: 50px;position: absolute;color: #fff;font-size: 80px;top: -70px;right: -10px;cursor: pointer;transform: rotate(45deg);z-index: 9999;font-weight: 100;transition: .5s;}
.activeLayer {transform: scale(4300) !important;left: unset !important;top: unset !important;bottom: 0 !important;right: 0 !important;}
.active_anchor{/* top: 0 !important; */}
.activeDrop {right: 0 !important; }
ul.megaMenu {position: absolute;top: 0;background: #111111;height: 100%;width: 100%;transition: .8s;z-index: 99;right: -100%;overflow-x: hidden;}
i.arrow_right:before {top: 6px;width: 6px;height: 6px;border: solid var(--white);border-width: 0 1px 1px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(-40deg);position: absolute;content: "";transition: .5s ease-out;left: 6px;z-index: 9;}
i.arrow_right {position: relative;display: inline-block;width: 18px !important;height: 18px;background: #ffffff42;top: 3px;border-radius: 50%;}
a.hasDrop i.arrow_right {width: 0;overflow: hidden;transition: .5s;}
a.hasDrop:hover i.arrow_right {width: 40px; }
.cls_menu {color: #fff;font-size: 13px;display: flex;align-items: center;position: absolute;top: 0;left: 0;z-index: 999;cursor: pointer;background-color: #ffffff1f;border-radius: 50px;padding: 4px 12px 4px 4px;}
.cls_menu i.arrow_right {transform: rotate(180deg);top: 0;margin-right: 10px;}








footer {background-color: #050505;padding-top: 50px;} 
footer a:hover {color: var(--primeColor) !important; border-color: var(--primeColor) !important; }
footer ul.fancy_list li {margin: 10px 0; } 
footer .f_clm3 ul.fancy_list li.gdpr:before {opacity: 0; }
.f_clm ul li {margin: 6px 0;}
.footer .f_clm .heading22px {position: relative;margin-bottom: 15px;display: inline-block;padding-bottom: 10px;} 
.footer .f_clm .heading22px:before {content: ""; width: 50px; height: 2px; background-color: var(--primeColor); position: absolute; bottom: 0; right: 0; } 
.f_clm2 ul {column-count: 2; } 
.f_clm ul li:first-child {margin-top: 0;}

.footer h5 {text-transform: capitalize; font-weight: 500; } .footer {padding: 20px 0 70px;} 
.footer span, .footer p, .footer a {font-weight: 300;/* font-size: 15px; */} 
.footer img.footer_logo {filter: brightness(0)invert(1); margin-bottom: 20px; } 
.footer .contact_info span {display: inline-block; width: 100%; } 
.footer ul.f_links {column-count: 2; } 
.footer ul.f_links li {list-style: none; } 
ul.contact_info li {position: relative; padding-left: 30px; margin: 10px 0; list-style: none; } 
ul.contact_info li:last0-child {margin-bottom: 0; } 
.copyright p {margin: 0; } 
.copyright {padding: 50px 0 50px;/* border-top: 1px solid #ffffff30; */} 
.copyright .btn_set {justify-content: center;margin: 0;} 
.copyright .row {justify-content: space-between; } 
.copyright .btn_set a:nth-child(1) {border-right: 1px solid; padding-right: 10px; } /*.copyright .btn_set a {color: #000; }*/


/*************INNER PAGE BANNER CSS*/
.inner_page_banner {display: inline-block;width: 100%;background-repeat: no-repeat;background-size: cover;padding: 60px 0;background-position: center;}
section.smm_banner {background-image: url(../../assets/images/smm_banner.png); }
section.smm_banner img.rocket_img {position: absolute;top: 70%;right: 18%;width: 170px;}
section.smm_banner .crystal_star {position: absolute; top: 12%; left: -15%; width: 90px; }
/*************INNER PAGE BANNER CSS*/

body.thankyou-page header {background-color: #000;  position: unset;}
body.terms_and_condition-page header {background-color: #000; position: unset; }
section.term-first-wrapper {padding: 70px 0; } 
.terms-first-wrap-text h5 {margin: 20px 0 10px; }

.dropdown_wrap a i { color: #fff; background-color: var(--primeColor); width: 20px; height: 20px; font-size: 10px; display: flex; align-items: center; justify-content: center; border-radius: 50%; /* padding: 2px 2px 0 0; */ transition: .5s; }

.whtieBG_circle {background-color: var(--white);width: 30px;height: 30px;display: flex;justify-content: center;align-items: center;border-radius: 50%;position: relative;transition: .5s;}




section.hero_banner {background-image: url(../../assets/images/hero-banner.png);background-repeat: no-repeat;background-size: cover;padding: 50px 0 0 0;overflow: hidden !important;}
section.hero_banner .mobile_slider {width: 277px; position: absolute; top: 11px; left: 124px; overflow: hidden; border-radius: 30px; background-color: #000; }
section.hero_banner .mobile_slider img {/* width: 378px; */ height: 590px; object-fit: contain; }
section.hero_banner .phone_hand {z-index: 9; position: relative; }
img.hero_icon {position: absolute; inset: 0; width: 100%; }
img.hero_icon:nth-child(1) {left: 60px;top: 210px;}
img.hero_icon:nth-child(2) {top: 60px;left: -50px;}



.image-container {z-index: -1; position: absolute; width: 100%; height: 100vh; overflow: hidden; display: flex; justify-content: center; align-items: center; }
.image-container img {position: absolute; object-fit: cover; border-radius: 7px; }

section.driving_business {padding: 50px 0;}
.db_clm {border: 1px solid #383340;padding: 30px 30px;border-radius: 20px;transition: .5s;backdrop-filter: blur(10px);height: 100%;}
.db_clm .white_border_btn .btn_wrap {gap: 15px;padding-left: 20px;font-size: 14px;}
.db_clm:hover {border-color: var(--primeColor); }
.db_icon {transition: .5s; filter: brightness(0)invert(1); }
.db_clm:hover .db_icon {filter: none; }
.db_clm:hover .white_border_btn {background-image: var(--gradient);}
.db_clm:hover .white_border_btn .icon_wrap {background-color: var(--primeColor); }
.db_clm:hover .white_border_btn .icon_wrap svg {color: var(--white) !important;}



.dr_form {border: 1px solid #3d3947;padding: 30px;border-radius: 20px;margin-top: 30px;background-color: #0000009e;backdrop-filter: blur(10px);box-shadow: inset 0px 0px 35px 1px #303030;}




section.drive_results {position: relative;padding: 50px 0;background-image: url(../../assets/images/dr-bg.png);background-repeat: no-repeat;background-size: cover;background-position: right;}
section.drive_results .crystal_heart {position: absolute;right: 80px;top: 190px;}
section.drive_results .crystal_star {position: absolute;bottom: -70px;left: -35px;z-index: 99;}




section.social_media {padding: 50px 0;}
section.social_media .store-slider1 {margin-bottom: 50px; }
section.social_media .store-slider1 .d-flex.gap-3.align-items-center {flex-direction: row-reverse; }

section.smm {padding: 50px 0;position: relative;background-image: url(../../assets/images/smm-bg.png);background-repeat: no-repeat;background-size: cover;}
section.smm .slick-list.draggable {padding: 0 !important; }
section.smm .slider_number {position: absolute; bottom: 0; right: 0; }
section.smm .slick-prev:before {content: '\f104';font-family: 'FontAwesome';background-image: var(--gradient);width: 35px;position: absolute;height: 35px;display: flex;align-items: center;justify-content: center;border-radius: 50%;}
section.smm .slick-next:before {content: '\f105';font-family: 'FontAwesome';background-image: var(--gradient);width: 35px;position: absolute;height: 35px;display: flex;align-items: center;justify-content: center;border-radius: 50%;}
section.smm .slick-prev {left: -200%;z-index: 999;}
section.smm .slick-next {right: -35px;}
section.smm .slider-for {padding-right: 100px; }
section.smm img.alarm {position: relative;bottom: 0px;}
section.smm img.areal {position: absolute; right: 0; } 
section.smm img.cube2 {position: absolute; bottom: 80px; left: 60px; }
section.smm .slick-arrow:before {opacity: 1 !important;; transition: .5s; }
section.smm .slick-arrow:hover:before {background-image: unset; background-color: #fff; color: #000; }
section.smm .alarm {filter: drop-shadow(15px 20px 5px #00000054); }
section.smm .alarmVibration {animation: shake 0.2s; animation-iteration-count: infinite; }
@keyframes shake {0% { transform: rotate(0deg); } 10% { transform: rotate(-1deg); } 20% { transform: rotate(0deg); } 30% { transform: rotate(1deg); } 40% { transform: rotate(0deg); } 50% { transform: rotate(-1deg); } 60% { transform: rotate(0deg); } 70% { transform: rotate(1deg); } 80% { transform: rotate(0deg); } 90% { transform: rotate(-1deg); } 100% { transform: rotate(0deg); } }


img.awards_img {margin: auto;display: table;height: 100px !important;object-fit: contain;width: 50%;}




section.our_highlight .body_bg {background-color: var(--bodyColor); padding: 40px; border-radius: 20px; } 
section.our_highlight {background-color: var(--black);padding: 60px 0;position: relative;}
section.our_highlight .col-lg-4:nth-child(2) {border-right: 1px solid #3a3842;border-left: 1px solid #3a3842;}
section.our_highlight .ball_img {position: absolute; bottom: 30px; right: 100px; }

section.proven_success .insights {background-color: #fff;border-radius: 20px;overflow: hidden;height: 95%;} 
section.proven_success .insights ol {padding: 20px; } 
section.proven_success .insights ol li {/* list-style: auto; */ padding: 10px 0; border-bottom: 1px solid; }

/*section.proven_success .owl-stage-outer.owl-height {padding-bottom: 60px; }*/
/*section.proven_success img.screen {position: relative; top: 19px; width: 100% !important;}*/


section.proven_success {cursor: none;background-image: url(../../assets/images/ps-bg.png);background-size: cover;background-repeat: no-repeat;padding: 50px 0;position: relative;background-color: #000;overflow: hidden;}
.owl-nav {display: flex; width: 100%; justify-content: center; margin-bottom: 0 } 
.owl-nav {gap: 10px; margin: 25px 0; justify-content: space-between; width: 110%; margin: auto; position: absolute; left: -5%; right: 0; top: 50%; transform: translate(0px, 50%); } 
.owl-nav div {position: relative; font-size: 0 } 
.owl-nav div:before {content: "\f104"; background-color: var(--primeColor); display: flex; align-items: center; justify-content: center; border-radius: 50%; box-shadow: 0 2px 15px 0 #0000008f; font-family: fontawesome; color: var(--white); cursor: pointer; transition: .5s } 
.owl-nav div:before {width: 40px; height: 40px; font-size: 20px; } 
.owl-nav div:nth-child(2):before {content: "\f105"; }
.owl-nav div:hover:before {background-color: #fff; color: #000; }
img.bell_img {position: absolute;right: -130px;top: 360px;z-index: 9;} 
img.spring {position: absolute;left: 20px;top: 100px;}
.movingImage {width: 0px; height: 0px; position: absolute; top: 1%; left:1%; transform: translate(-0%, -0%);  } 
.hover_sec {width: 100px; height: 100px; z-index: 99999; }






section.cta {padding: 50px 0;}
.socialBtn {display: inline-block; width: 200px; background-color: var(--primeColor); color: #fff !important; padding: 15px 10px; text-align: center; border-radius: 50px; font-size: 18px; }
.facebook_btn {background-color: #0866ff; } 
.tiktok_btn {background-color: #ed0f55; } 
.instagram_btn {background-image: var(--gradient_txt); }





section.cta {position: relative; }
.telephone {position: absolute;left: 0;bottom: 40px;left: -306px;width: 380px;} 

section.quality_over {position: relative;padding: 50px 0;background-image: url(../../assets/images/qod-bg.png);background-repeat: no-repeat;background-size: cover;overflow: hidden;} 
section.quality_over .ring_img {position: absolute;right: -250px;top: 30px;width: 230px;}


span.smalltxt {display: inline-block; width: 100%; text-align: center; margin-top: 7px; color: #fff; font-weight: 200; }


span.per_month {font-size: 24px;margin-left: 0px;font-weight: 500;} 
.pkg_title {display: inline-block;background-color: #fff;color: #000 !important;padding: 12px 30px;border-radius: 50px;margin-bottom: 30px;font-size: 17px;font-weight: 500;/* width: 160px; */text-align: center;} 
.price_wrap {display: flex; align-items: end; justify-content: space-between; } 
.pkg_clm ul {height: 390px;overflow: auto;margin: 30px 0 30px;}
.pkg_clm ul li i {position: absolute;left: 0;top: 3px;}
.pkg_clm ul li {position: relative;padding: 0px 0 1px 25px;font-weight: 300;} 
.pkg_clm ul li.listGroup {padding-left: 0;margin: 10px 0;}

span.delete_price {position: relative; display: none; font-size: 26px; margin-bottom: 5px; padding: 0 10px; text-align: center; }
span.delete_price:before {background-image: var(--gradient_txt); width: 100%; height: 2px; position: absolute; content: ""; top: 17px; transform: rotate(-12deg); left: 0; }

.pkg_clm {position: relative;border-radius: 30px;overflow: hidden;padding: 30px 30px;}
.pkg_clm:before {content: "";width: 100%;height: 260px;position: absolute;background-image: var(--gradient);border-radius: 30px;left: 0;top: 0;transition: .5s;}
.pkg_clm:after {content: "";width: 99.7%;height: 258px;position: absolute;border-radius: 30px;background-color: var(--bodyColor);top: 1px;left: 0;margin: auto;display: table;right: 0;transition: .5s;}

.inner_clm {position: relative; z-index: 9; }
.pkg_clm:hover:before {height: 100%; }
.pkg_clm:hover:after {height: 99.7%;}


.thumbnail {position: absolute;bottom: 0;left: -200px;}



section.plateform {background-image: url(../../assets/images/pbn-bg.png);background-repeat: no-repeat;background-size: cover;padding: 50px 0;position: relative;overflow: hidden;}
.range_wrap {margin: 0px 0px 15px; }
.range_wrap .range {background-color: #fff;border-radius: 0 50px 50px 0px;padding: 15px 20px;transition: 2s ease-out;width: 180px;font-size: 18px;} 
.email_range {color: #000; }
.email_range  i {transform: translate(0px, 4px);} 
.facebook_range {background-color: #0866ff !important; color: #fff; } 
.youtube_range {background-color: #ff0033 !important; color: #fff; } 
.insta_range {background-image: var(--gradient_txt); color: #fff; } 
.linkedin_range {background-color: #0077b5 !important; color: #fff; } 
.twitterx_range {background-color: #1a1b26 !important; color: #fff; }
section.plateform img.hand_img {position: absolute; bottom: -100px; right: 0; }
section.section_active .range {width: 100%; }



section.transforming_business {padding: 50px 0;background-image: url(../../assets/images/tbi-bg.png);background-size: cover;background-repeat: no-repeat;position: relative;}
img.team_img {width: 100%;transition: .5s;transform: scale(1.2);} 
img.bg_img_effect {position: fixed; inset: 0; width: 100%; height: 100%; z-index: -1; filter: blur(217px); transition: .5s } 
.transforming_business .team_clm {transition: .5s;position: relative;background-color: #000;border-radius: 20px;overflow: hidden;/* background-image: var(--gradient_txt); */} 
.transforming_business .row:hover .team_clm {transform: scale(.9) } 
.transforming_business .team_clm:hover {transform: scale(1.1)!important } 
.team_img_wrap {overflow: hidden;border-radius: 20px;position: relative;} 
.team_clm:hover img {transform: scale(1)!important } 
img.hover_img {position: absolute;top: -4px;left: 0;width: 100%;transition: .5s;filter: blur(10px);opacity: 0} 
.transforming_business .team_clm:hover img.hover_img {opacity: 1 } 
section.transforming_business .owl-stage-outer{padding: 60px 0; } .team_clm .txt_box {position: absolute;bottom: 10px;width: 100%;text-align: center;transition: .5s;} 
.team_clm .txt_box .heading20px {transition: .5s; margin: 0;position: relative;transform: translate(0px, -12px);} 
.transforming_business .team_clm .txt_box:before {content: "";width: 100%;position: absolute;height: 3px;background-color: #000;bottom: 0;left: 0;/* filter: blur(4px); */box-shadow: 0px 0px 41px 41px black;}
.owl-dots {display: flex;gap: 10px;justify-content: center;flex-wrap: wrap;} 
.owl-dots .owl-dot {display: inline-block; width: 10px; height: 10px; background-color: #fff; border-radius: 100px; transition: .5s; } 
.owl-dots .owl-dot.active {width: 60px; background-image: var(--gradient_txt); }
.services_slider {margin-top: -40px; }
img.tbi_img {position: absolute; top: -130px; left: -150px; }
section.transforming_business .owl-nav {
    width: auto !important;
    left: unset !important;
    
    justify-content: center !important;
    display: flex !important;
    align-items: center !important;
    position: unset !important;
    margin: -50px 0 0 0 !important;
}

section.testimonials {background-image: url(../../assets/images/testi-bg.png);background-repeat: no-repeat;background-size: cover;padding: 50px 0;position: relative;}
span.srvs_name {display: inline-block; background-color: #0d0d0d; padding: 8px 20px; border-radius: 50px; margin-bottom: 10px; } 
span.srvs_name:last-child {margin-bottom: 0; }
img.thee_arrows {position: absolute; top: 100px; left: 60px; }
img.test_element {position: absolute; top: 200px; right:0px; }








section.faq_form button.gradient_btn  .feather-arrow-right {position: absolute; right: 4px; }
section.faq_form button.gradient_btn {padding: 12px 0; text-align: center; justify-content: center !important;}



section.faq_form {background-image: url(../../assets/images/faq-bg.png);background-repeat: no-repeat;background-size: 100% 100%;background-position: center;padding: 50px 0;position: relative;}
form.faq_form .input {background-color: transparent;border: 1px solid #6b6870;color: #fff !important;transition: .5s;margin-bottom: 10px;} 
form.faq_form ::placeholder {color: #fff; font-weight: 400; } 
form.faq_form .input option {color: #000 !important; }


/************ACCORDIAN CSS*/
.accordion-item {border: none; }
.accordion-item {background-color: transparent !important; }
button.accordion-button {font-size: 14px; background-color: transparent;border: 1px solid #6b6870;border-radius: 50px !important;color: #fff;outline: none !important;box-shadow: none !important;padding: 8px 8px 8px 20px;} 
.accordion-item {margin-bottom: 15px; } 
.accordion-button:not(.collapsed) {background-color: #fff;color: #df3b96 !important;!im;!i;!;border: none;}
.accordion-button::after {content: "\f107";font-family: 'FontAwesome';font-size: 23px;background-color: #fff;color: #000;display: flex;align-items: center;justify-content: center;width: 35px;height: 35px;border-radius: 50%;transition: .5s;}
.accordion-button:not(.collapsed)::after {background-color: #000; color: #fff; }
/************ACCORDIAN CSS*/


img.questionmark_img {position: absolute;right: 20px;top: 0px;width: 90px;}
img.mike_img {position: absolute; right: -50px; bottom: 0; }


.follow {text-align: center;position: relative;}
.social_wrap {display: flex;gap: 20px;justify-content: center;flex-wrap: wrap;margin-bottom: 40px;}


span.sing_alphabet {position: relative; top: 230px; transition: 1s }

.heading200px span.half_txt {width: 100%; display: flex; overflow: hidden; justify-content: center; position: relative; background: #050505; }
.heading200px span.half_txt span:nth-child(1) {transition-delay: .1s } 
.heading200px span.half_txt span:nth-child(2) {transition-delay: .3s } 
.heading200px span.half_txt span:nth-child(3) {transition-delay: .5s } 
.heading200px span.half_txt span:nth-child(4) {transition-delay: .7s } 
.heading200px span.half_txt span:nth-child(5) {transition-delay: .8s } 
.heading200px span.half_txt span:nth-child(6) {transition-delay: .6s } 
.heading200px span.half_txt span:nth-child(7) {transition-delay: .4s; margin-left: 40px; }
.heading200px span.half_txt span:nth-child(8) {transition-delay: .2s }

.follow:before {content: ""; height: 2px; background-color: #fff; width: 0%; position: absolute; bottom: 29px; left: 0; right: 0; margin: auto; transition: 1s; transition-delay: 1s; }
.animation_active .follow:before {width: 100%; } 
.animation_active span.half_txt .sing_alphabet {top: 0; }




.social_wrap a i {width: 70px; height: 70px; border: 1px solid; display: flex; justify-content: center; align-items: center; font-size: 30px; border-radius: 50%; transition: .5s; color: #fff !important; }
.social_wrap a i:hover {background-color: var(--primeColor); border-color: var(--primeColor); }


ul.contact_list li {position: relative; padding-left: 30px; margin: 15px 0; } 
ul.contact_list li a i {position: absolute; left: 0; top: 2px; color: var(--primeColor); font-size: 18px; }




img.cursor_img {position: absolute; right: 40px; width: 100px; bottom: 40px; }




.db_icon {width: 100%; height: 50px; object-fit: contain; }
.white_border_btn {margin-top: 0 !important; }
.db_clm p {font-size: 11px; /* overflow: hidden; */ /* text-overflow: ellipsis; */ /* -webkit-line-clamp: 2; */ /* display: -webkit-box; */ /* -webkit-box-orient: vertical; */ }
.db_clm .heading24px {font-size: 18px; }


section.social_media .slick-track {display: flex; align-items: center; }



.hover_content {position: absolute; inset: 0; display: flex; justify-content: center; align-items: center; transition: .5s; opacity: 0; }
.transforming_business .team_clm:hover img {opacity: 0.2; }
.transforming_business .team_clm:hover .hover_content {opacity: 1; }
.transforming_business .team_clm:hover .txt_box .heading20px {transform: translate(0px, 0px); opacity: 0;}




.simpleBtn {border-bottom: 1px solid; }

.drive_results .row {transform: scale(0.9);}


img.screen {height: 100%; }


.owl-stage-outer.owl-height {
    padding-bottom: 50px;
}

section.milestome {background-color: #05040c;padding: 50px 0px;}
section.milestome .col-lg-4 {border-right: 1px solid #ffffff6b;}

section.smm_sec .row:nth-child(odd) .smmm_clm {padding-left: 25%; padding-right: 20px; text-align: right; }
section.smm_sec .row:nth-child(even) .smmm_clm {padding-right: 25%; padding-left: 20px;}


.accordion_clm .accordion-button {background-color: transparent !important;border: none;padding: 15px 0 0 25px;/* position: relative; */}
.accordion_clm .accordion-button:not(.collapsed) {background-color: transparent !important; color: #df3b96 !important; border: none !important; }
.accordion_clm .accordion-body {padding: 10px 0 0 30px;}

.accordion_clm .accordion-button:before {content: ""; width: 8px; height: 40px; background-color: #fff; position: absolute; left: 0; top: 16px; border-radius: 50px; }
.accordion_clm .accordion-item {position: relative; }
.accordion_clm .accordion-button:not(.collapsed):before {transition: .5s; height: 220%; background-image: linear-gradient(to bottom, #763bd8, #e80aa7, #ff4a6f, #ff9147, #fbcf4a);}
.accordion_clm .accordion-button:after {display: none;}

section.five_pillers {background-color: #05040c;padding: 5% 0;background-image: url(../../assets/images/pillers-bg.png);background-repeat: no-repeat;background-size: cover;}
section.usms {background-image: url(../../assets/images/usms-bg.png); background-repeat: no-repeat; background-size: cover; padding: 70px 0px; } 
section.usms .innter_sec {padding: 60px; background-color: #050112; border-radius: 50px; border: 1px solid #2d2350; }
section.usms img.ball_img {position: absolute; top: -110px; left: -90px; width: 200px; }



.img_wrapper {width: 70%; height: 400px; margin: auto; border-radius: 20px; margin-bottom: 25px; }
.img_wrapper img {position: absolute; inset: 0; width: 400px !important; margin: 0 auto; display: table; }
.slieimg1 {right: 39px !important;transform: rotate(10deg);}

section.three_staps .owl-stage {
    padding-top: 70px;
    padding-bottom: 30px;
}

section.three_staps .owl-stage {padding-top: 70px; }
section.three_staps {padding: 40px 0px;background-image: url(../../assets/images/step-bg.png);background-repeat: no-repeat;background-size: cover;}
img.faq_imgg {width: 90%;}


/* NEW SLIDER */
.step_slider_new {
    display: flex;
    justify-content: center;
    gap: 80px;
    margin-top: 50px;
}
.step_slider_item {
    max-width: 300px;
    width: 100%;
    position: relative;
}
.step_slider_item .step_slider_img_wrapper {
    width: 100%;
    height: 350px;
    margin: auto;
    border-radius: 20px;
    margin-bottom: 25px;
    position: relative;
}
.step_slider_item  .step_slider_item_img {
    position: absolute;
    bottom: 0px;
    right: -24px;
    transform: rotate(0deg);
    width: 405px !important;
}
.step_slider_item  .step_slider_item_img.img_2 {
    bottom: 20px;
    right: 0px;
    /* transform: rotate(10deg); */
    width: 305px !important;
}
.step_slider_item  .step_slider_item_img.img_3 {
    position: absolute;
    bottom: 0;
    right: -40px;
    transform: rotate(0deg);
    width: 365px !important;
}
.img_wrapper_1 {
    transform: rotate(-10deg);
}
.img_wrapper_2 {
    transform: rotate(10deg);
}
.img_wrapper_middle {
    transform: translateY(-30px);
}


/* DROPDOWN */
.custom_dropdown_wrap {
    position: relative;
}
.custom_dropdown_wrap_list {
    background: #000003;
    width: 1300px;
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
    padding: 10px;
    border: 1px solid #fff;
    border-radius: 10px;
    display: none;
}
.custom_dropdown_wrap_list a {
    font-size: 14px;
    display: block;
    padding: 5px 0px;
}

.smm_banner.case_study_sec img.rocket_img {
    top: 80%;
    right: -2%;
    width: 170px;
}
.form_sec {
    padding: 100px 0px;
}
.about_img {
    transform: scale(1.4) translate(40px , 70px);
}
.contact_sec {
    padding: 100px 0px!important;
}
.info_box {
    padding: 20px 30px;
    border: 2px solid #007df8;
    border-radius: 30px;
    box-shadow: inset 0px 0px 35px 1px #007cf87b;
}
.info_box .subtitle {
    font-size: 14px;
}
.border_red {
    border-color: #fa0f00;
    box-shadow: inset 0px 0px 35px 1px #fa110081;
}
.contact_sec img.mike_img {
    right: -90px;
    bottom: 0;
    max-width: 210px;
}

.arrow_btns a {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    color: #fff;
    background-color: var(--primeColor);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
    transition: all 0.25s;
}
.arrow_btns .left_btn {
   left: 0;
}
.arrow_btns .right_btn {
    right: 0;
 }
 .arrow_btns a:hover {
    background: var(--white);
    color: var(--black);
 }
 .case_study_sec {
    padding: 100px 0px;
 }


 .slider_text_box {
    padding-right: 100px;
 }


.slider_card_one {
    cursor: pointer;
}
 .smm .arrow_btns .left_btn {
    left: -40px;
}
.smm .arrow_btns .right_btn {
    right: -40px;
}
.smm_sliders .silder_heart {
    position: absolute;
    top: 65px;
    left: 45%;
}
section.smm .smm_sliders img.alarm {
    position: absolute;
    bottom: 20px;
    left: 50%;
}


.service_dropdown {
    width: 100%;
    background: #000000 url(../../assets/images/dr-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 15px 20px 0px 20px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
    will-change: top;
    transform: translateY(-700px);
    border-bottom: 1px solid var(--primeColor);
}
.service_dropdown.show {
    transform: translateY(80px);
}

.service_dropdown h4 {
    font-size: 22px;
    color: var(--white);
    margin-bottom: 20px;
    text-transform: uppercase;
}
.service_cat_box {
    display: flex;
    align-items: center;
    gap: 15px;
}
.service_cat_box .img_box {
    width: 100px;
    height: 70px;
    background-color: var(--white);
    border-radius: 15px;
    overflow: hidden;
}
.service_cat_box .img_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all 0.5s;
}
.service_cat_box:hover .img_box img {
    transform: scale(1.2);
}
.service_cat_box .text_box {
    width: calc(100% - 100px);
}
.service_cat_box .text_box h5 {
    font-size: 18px;
    margin-bottom: 5px;
    transition: all 0.5s;
}
.service_cat_box:hover .text_box h5 {
    color: var(--primeColor);
}
.service_cat_box .text_box p {
    font-size: 14px;
    margin: 0;
    line-height: 18px;
}
.header-menu-ul-logo {
    gap: 55px;
    position: relative;
    padding: 25px 0px 30px 0px;
}
header nav ul li {
    max-width: 100px;
    margin: 0 10px;
    z-index: 1;
}

section.cta p {
    display: none;
}


.smm_three_steps .step_slider_item.img_wrapper_1  .step_slider_item_img {
    position: absolute;
    bottom: 70px;
    right: -22px;
    transform: rotate(10deg);
    width: 435px !important;
}


.smm_three_steps .step_slider_item.img_wrapper_middle  .step_slider_item_img.img_2 {
    bottom: 20px;
    right: -30px;
    width: 342px !important;
}


.sma_three_steps .step_slider_item.img_wrapper_1  .step_slider_item_img {
    position: absolute;
    bottom: 20px;
    right: 0px;
    transform: rotate(0deg);
    width: 301px !important;
}

.sma_three_steps .step_slider_item.img_wrapper_middle  .step_slider_item_img.img_2 {
    bottom: 0px;
    right: 0px;
    /* transform: rotate(10deg); */
    width: 300px !important;
}


.sma_three_steps .step_slider_item .step_slider_img_wrapper {
    overflow: hidden;
}
.sma_three_steps .step_slider_item  .step_slider_item_img.img_3 {
    position: absolute;
    bottom: -10px;
    right: 0px;
    transform: rotate(0deg);
    width: 410px !important;
}


.book_marketing_three_staps .step_slider_item.img_wrapper_1  .step_slider_item_img {
    position: absolute;
    bottom: 0px;
    right: -24px;
    transform: rotate(0deg);
    width: 389px !important;
}


.book_marketing_three_staps .step_slider_item  .step_slider_item_img.img_3 {
    position: absolute;
    bottom: 0;
    right: -40px;
    transform: rotate(0deg);
    width: 346px !important;
}


.book_marketing_three_staps .step_slider_item.img_wrapper_2 .step_slider_img_wrapper {
    overflow: hidden;
}


.book_marketing_three_staps .step_slider_item  .step_slider_item_img.img_2 {
    bottom: 20px;
    right: -29px;
    /* transform: rotate(10deg); */
    width: 335px !important;
}



.seo_three_staps .step_slider_item.img_wrapper_1  .step_slider_item_img {
    position: absolute;
    bottom: 0px;
    right: 0px;
    transform: rotate(0deg);
    width: 365px !important;
}


.seo_three_staps .step_slider_item  .step_slider_item_img.img_2 {
    bottom: 0px;
    right: -59px;
    /* transform: rotate(10deg); */
    width: 391px !important;
}


.seo_three_staps .step_slider_item  .step_slider_item_img.img_3 {
    position: absolute;
    bottom: 0px;
    right: -37px;
    transform: rotate(0deg);
    width: 337px !important;
}


.ppc_three_staps .step_slider_item.img_wrapper_1  .step_slider_item_img {
    position: absolute;
    bottom: 0px;
    right: -62px;
    transform: rotate(0deg);
    width: 453px !important;
}

.ppc_three_staps .step_slider_item  .step_slider_item_img.img_2 {
    bottom: 0px;
    right: -5px;
    /* transform: rotate(10deg); */
    width: 310px !important;
}

.ppc_three_staps .step_slider_item.img_wrapper_middle .step_slider_img_wrapper {
    overflow: hidden;
}

.ppc_three_staps .step_slider_item  .step_slider_item_img.img_3 {
    position: absolute;
    bottom: 0;
    right: -70px;
    transform: rotate(0deg);
    width: 434px !important;
}

youtube_market_three_staps .step_slider_item.img_wrapper_1  .step_slider_item_img {
    position: absolute;
    bottom: 0px;
    right: 0px;
    transform: rotate(0deg);
    width: 391px !important;
}

.youtube_market_three_staps .step_slider_item  .step_slider_item_img.img_3 {
    position: absolute;
    bottom: 36px;
    right: 2px;
    transform: rotate(0deg);
    width: 297px !important;
}



.ym_three_staps .step_slider_item.img_wrapper_1  .step_slider_item_img {
    position: absolute;
    bottom: 0px;
    right: -24px;
    transform: rotate(0deg);
    width: 325px !important;
}


.ym_three_staps .step_slider_item  .step_slider_item_img.img_2 {
    bottom: 0px;
    right: 20px;
    /* transform: rotate(10deg); */
    width: 261px !important;
}


.ym_three_staps .step_slider_item.img_wrapper_2 .step_slider_img_wrapper {  
    overflow: hidden;
}

.ym_three_staps .step_slider_item  .step_slider_item_img.img_3 {
    position: absolute;
    bottom: 0;
    right: 0px;
    transform: rotate(0deg);
    width: 297px !important;
}


.email_marketing_three_staps .step_slider_item.img_wrapper_1  .step_slider_item_img {
    position: absolute;
    bottom: 0px;
    right: -16px;
    transform: rotate(0deg);
    width: 316px !important;
}


.email_marketing_three_staps .step_slider_item  .step_slider_item_img.img_2 {
    bottom: 0;
    right: 0px;
    /* transform: rotate(10deg); */
    width: 320px !important;
}

.email_marketing_three_staps .step_slider_item  .step_slider_item_img.img_3 {
    position: absolute;
    bottom: 0;
    right: -40px;
    transform: rotate(0deg);
    width: 340px !important;
}


.influencer_three_staps .step_slider_item  .step_slider_item_img {
    position: absolute;
    bottom: 0px;
    right: -24px;
    transform: rotate(0deg);
    width: 325px !important;
}
.influencer_three_staps .step_slider_item  .step_slider_item_img.img_2 {
    bottom: 0;
    right: -17px;
    /* transform: rotate(10deg); */
    width: 325px !important;
}

.gen__popup .modal-dialog {
    max-width: 880px;
}
.gen__popup .modal-content {
    border: 1px solid rgb(239 26 149);
    border-radius: 30px;
    overflow: hidden;
}
.general_popup {
    display: flex;
}
.general_popup_left {
    width: 50%;
}
.general_popup_left img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.general_popup_right {
    width: 50%;
	padding: 20px;
    background-image: url(https://social-verse.io/assets/images/tbi-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.close_genpopup {
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* background: transparent; */
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 999;
    border: 0;
    color: #fff;
    font-size: 20px;
}


.custom_plan_sec .gradient_border_btn:hover {
    color: #fff!important;
}