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

* { margin: 0 0; padding: 0; outline: none; -ms-word-break: break-word; word-break: break-word; word-wrap: break-word;  }

html {scroll-behavior: smooth; }
body { font-family: "Plus Jakarta Sans", sans-serif; background: #0A050F; font-weight: normal !important; font-style: normal !important; overflow-x: hidden; padding: 0px !important; }
body.nav-open { overflow: hidden; }

/* scrollbar */
::-webkit-scrollbar { width: 5px; height: 5px;}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); -webkit-border-radius: 10px; border-radius: 10px;}
::-webkit-scrollbar-thumb {-webkit-border-radius: 10px; border-radius: 10px; background: rgba(46, 86, 192, 0.6); -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);}
::-webkit-scrollbar-thumb:window-inactive { background: rgba(255, 255, 255, 0.3);}

input:-webkit-autofill, input:-webkit-autofill:hover,  input:-webkit-autofill:focus,
textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus,
select:-webkit-autofill, select:-webkit-autofill:hover,
select:-webkit-autofill:focus { border: 1px solid transparent; -webkit-text-fill-color: rgba(152, 152, 152, 1); -webkit-box-shadow: 0 0 0px 1000px rgba(243, 243, 243, 1) inset; transition: background-color 5000s ease-in-out 0s;}

/*  */

header { display: flex; align-items: center; justify-content: space-between; padding: 10px 15px; }

.site_logo { width: 135px; height: 55px }
.site_logo a { display: block; width: 100%; height: 100%; }
.site_logo a img { width: 100%; height: 100%; object-fit: contain; object-position: left; }

.header_nav { list-style: none; margin: 0; padding: 0; display: flex; align-items: center;}
.header_nav li { margin: 0px 5px; }
.header_nav li a { font-size: 14px; color: #fff; font-weight: 500; padding: 10px 12px; }
.header_nav li a:hover, .header_nav li a.active  { color: #FF5D2A; }

.header_right_nav { display: flex; align-items: center; justify-content: flex-end; list-style: none !important; padding: 0; margin: 0px; }
.header_right_nav li { margin-left: 10px; }  
.header_right_nav li a { font-size: 14px; color: #fff; font-weight: 500; }
.header_right_nav li a:hover, .header_right_nav li a.active  { color: #FF5D2A; }

.header_right_nav li.free_link { margin-left: 15px; }
.header_right_nav li.free_link a { background: linear-gradient(99.65deg, #5F22E2 3.95%, #BF22E2 21.24%, #FB9B2B 100%); font-weight: 600; font-size: 14px; text-align: center; color: #fff; border-radius: 8px; display: block; padding: 7px; min-width: 92px; }
.header_right_nav li.free_link a:hover { background: #fff; color: #FF5D2A; }

.header_right_nav .dropdown button { text-align: left;  color: #fff; font-size: 12px; background: none !important;  border: none !important;  box-shadow: none !important;  padding: 0px;  border-radius: 0px !important;}
.header_right_nav .dropdown-toggle::after {  content: ""; background-image: url(../images/downarrow.svg);  background-size: 12px; background-position: center right; background-repeat: no-repeat; width: 12px; height: 12px; display: inline-block; vertical-align: text-bottom;  margin-left: 10px;  }
.header_right_nav .dropdown-menu { right: 0px !important;left: auto !important;  padding: 5px 0;  border-radius: 6px; min-width: 150px; background: #000; border-color: #FA3091;  top: 25px !important; }
.header_right_nav .dropdown-menu .nav-link { font-size: 14px;  color: #fff; padding: 5px 10px; }
.header_right_nav .dropdown-menu .nav-link img { width: 16px; height: 16px; object-fit: contain;  object-position: center;  margin-right: 10px; }


/* header dropdown menu */

.features-dropdown .dropdown-toggle.show { background: #fff; border-radius: 4px 4px 0px 0px; color: #FF5D2A;  }
.features-dropdown .dropdown-menu.show { top: 29px !important; border: none !important; width: 720px; border-radius: 0px 6px 6px 6px; display: flex; align-items: center; padding: 20px 10px 0px;  }
.features-dropdown .dropdown-menu ul { list-style: none !important; padding: 0px; margin: 0px; display: flex; align-items: center; flex-wrap: wrap; width: 100%; }
.features-dropdown .dropdown-menu ul li { width: 50%; margin: 0px 0px 30px;  }
.features-dropdown .dropdown-menu ul li.w-full { width: 100% !important; text-align: center; }
.features-dropdown .dropdown-menu ul li.w-full a { color: #FF5D2A; display: inline-flex; }
.features-dropdown .dropdown-menu ul li.w-full a:hover { text-decoration: underline !important; }

.features-dropdown .dropdown-menu ul li a { display: flex; border-radius: 10px; white-space: unset; }
.features-dropdown .dropdown-menu ul li .feat_icon { background: #EFEAFF; width: 40px; height: 40px; border-radius: 16px; padding: 10px; margin-right: 10px; }
.features-dropdown .dropdown-menu ul li .feat_icon img { width: 100%; height: 100%; object-fit: contain; object-position: center; vertical-align: top; }
.features-dropdown .feat_body { width: 100%; flex: 1; }
.features-dropdown .feat_body h3 {font-size: 14px; font-weight: 600; color: #0A050F; margin-bottom: 10px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.features-dropdown .feat_body p { font-size: 12px; line-height: 15px; color: #696969; margin-bottom: 0px; white-space: normal; overflow: hidden;display: -webkit-box; -webkit-line-clamp: 2; 	-webkit-box-orient: vertical; }
.features-dropdown .dropdown-menu a.site_logo { width: 200px; height: 69px; margin-left: 20px; }
.features-dropdown .dropdown-menu a.site_logo img { width: 100%; height: 100%; object-fit: contain; object-position: center; }

/*  */

.common-btn { background: linear-gradient(110deg, #5F22E2 3.95%, #BF22E2 21.24%, #FB9B2B 100%); min-width: 165px; padding: 10px; border-radius: 4px; font-size: 14px; font-weight: 600; border: none !important; box-shadow: none !important; color: #fff !important; }
.common-btn:hover { background-size: 200% 200%; animation: gradient 15s ease infinite; }
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.banner_background_section { width: 100%; display: block; background: url(../images/bannershadow.png) no-repeat; background-position: top left; background-size: 60%; }
.banner_section { width: 100%; display: flex; min-height: 95vh ; background: url(../images/banner.png) no-repeat, url(../images/bArrow.png) no-repeat; align-items: center; padding: 20px 50px; background-position: center right, 32% 60% !important; background-size: 70%, 40% !important;  }
.banner_content_block { max-width: 583px; width: 100%; position: relative; }
.banner_content_block .banner_heading { font-size: 56px; font-weight: 700; color: #FFFFFF; margin-bottom: 30px; }
.banner_content_block .banner_desc { font-size: 14px; line-height: 26px; color: #9E9D9D; margin-bottom: 30px; }
.banner_content_block .notext { font-size: 12px; color: #9E9D9D; margin-bottom: 0px; margin-top: 15px; }

/*  */

.business_section { width: 100%; display: block; padding: 20px 15px 160px; background: url(../images/bg-shadow.png) no-repeat; background-position: top center; background-size: 65%; position: relative;} 
.business_section::before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; background: url(../images/circle1.png) no-repeat, url(../images/Line1.png) no-repeat, url(../images/Line2.png) no-repeat; background-size: 150px, 200px, 160px; background-position: 26% 15%, 95% 43%, 8% 40%; }
.business_section::after { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; background: url(../images/pshadow.svg) no-repeat, url(../images/circleshadow.svg) no-repeat; background-position: 0% 100%, 87% 92%; z-index: -1; }
.business_section .business_title { font-size: 36px; font-weight: 600; text-align: center; color: #FFFFFF; margin-bottom: 12px; }
.business_section .bus_description { font-size: 14px; text-align: center; color: #9E9D9D; margin-bottom: 50px; }

.business_slider { padding: 0px 40px; }
.business_box { background: linear-gradient(168.01deg, rgba(255, 255, 255, 0.2) -9.63%, rgba(255, 255, 255, 0) 100.36%); padding: 3px; border-radius: 6px; max-width: 315px; width: 100%; margin: 0px 10px; cursor: pointer; }
.business_inner { width: 100%; display: flex; align-items: center; background: linear-gradient(0deg, rgba(49, 48, 54, 0.3), rgba(49, 48, 54, 0.3)), linear-gradient(135.86deg, rgba(177, 177, 177, 0.32) 5.24%, rgba(54, 53, 103, 0.2) 51.01%); backdrop-filter: blur(6px); padding: 10px 12px; border-radius: 6px; }
.business_inner .bus_icon { width: 45px; height: 45px; border-radius: 16px; background: #FCFBFF; margin-right: 10px; padding: 10px; }
.business_inner .bus_icon img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.business_inner .bus_title { font-size: 16px; font-weight: 600; color: #FFFFFF;   overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.business_box.active, .business_box:hover { background: linear-gradient(99.65deg, #5F22E2 3.95%, #BF22E2 21.24%, #FB9B2B 100%);}
.business_box.active .business_inner, .business_box:hover .business_inner { background: linear-gradient(99.65deg, #5F22E2 3.95%, #BF22E2 21.24%, #FB9B2B 100%); }

.slick-custom-arrow { background: linear-gradient(168.01deg, rgba(255, 255, 255, 0.2) -9.63%, rgba(255, 255, 255, 0) 100.36%); padding: 3px; width: 30px; height: 30px; border-radius: 50%; top: 50%; transform: translateY(-50%); position: absolute; border: none; box-shadow: none !important; }
.slick-custom-arrow .sca_span { background: linear-gradient(0deg, rgba(49, 48, 54, 0.3), rgba(49, 48, 54, 0.3)), linear-gradient(135.86deg, rgba(177, 177, 177, 0.32) 5.24%, rgba(54, 53, 103, 0.2) 51.01%); display: block; width: 100%; height: 100%; border-radius: 50%; padding: 5px; }
.slick-custom-arrow .sca_span img { width: 100%; height: 100%; object-fit: contain; object-position: center; vertical-align: top; }
.slick-custom-arrow.slick-prev { left: 0; }
.slick-custom-arrow.slick-next { right: 0; }

.customer_block { background: linear-gradient(168.01deg, rgba(255, 255, 255, 0.2) -9.63%, rgba(255, 255, 255, 0) 100.36%); padding: 3px; border-radius: 21px; max-width: 990px; width: 100%; margin: 40px auto 80px; position: relative; }  
.customer_inner_block { border-radius: 21px; backdrop-filter: blur(6px); background: linear-gradient(0deg, rgba(49, 48, 54, 0.3), rgba(49, 48, 54, 0.3)), linear-gradient(135.86deg, rgba(177, 177, 177, 0.32) 5.24%, rgba(54, 53, 103, 0.2) 51.01%); padding: 25px 25px; display: flex; align-items: center; }

.customer_img { background: linear-gradient(90deg, #F7333F 0%, #6500FF 100%); padding: 3px; max-width: 518px; width: 100%; height: 351px; border-radius: 21px;  }
.customer_img .customer_img_inner { border-radius: 21px; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(49, 48, 54, 2), rgba(49, 48, 54, 2)), linear-gradient(135.86deg, rgba(177, 177, 177, 0.32) 5.24%, rgba(54, 53, 103, 0.2) 51.01%); backdrop-filter: blur(6px); padding: 10px;}
.customer_img .customer_img_inner img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 21px; }

.customer_content { padding-left: 35px; }
.customer_content .cc_title { font-size: 26px;  font-weight: 600; margin-bottom: 20px;  background: -webkit-linear-gradient(0deg, #F7333F 0%, #6500FF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.customer_content .cc_desc {font-size: 14px; line-height: 26px; color: #9E9D9D; margin-bottom: 32px; }
.customer_content .cc_list { list-style: none !important; padding: 0; margin: 0px; }
.customer_content .cc_list li { font-size: 14px; line-height: 26px; color: #FFFFFF; margin-bottom: 18px; display: flex; position: relative; padding-left: 20px; }   
.customer_content .cc_list li::before { position: absolute; content: ""; width: 10px; height: 10px; background: url(../images/log.png) no-repeat; background-position: center; background-size: contain; margin-right: 10px;  margin-top: 10px; left: 0; }

.common_background_block { background: linear-gradient(168.01deg, rgba(255, 255, 255, 0.2) -9.63%, rgba(255, 255, 255, 0) 100.36%); padding: 3px; border-radius: 21px;  }
.common_background_inside_block { background: linear-gradient(135.86deg, rgba(177, 177, 177, 0.32) 5.24%, rgba(54, 53, 103, 0.2) 51.01%); backdrop-filter: blur(6px); border-radius: 21px;}


.social_platforms_block { width: 100%; min-height: 380px; }
.social_platform_inside_block  { width: 100%; height: 100%; padding: 30px; }
.platform_content { width: 100%; }
.platform_content .pc_title { font-size: 36px; font-weight: 600; line-height: 48px; margin-bottom: 18px; color: #FFFFFF; }
.platform_content .pc_desc {font-size: 14px; line-height: 24px; color: #9E9D9D; margin-bottom: 0px; }

.platform_links { max-width: 520px; width: 100%; height: 330px; margin: 0px auto; }
.platform_links img { width: 100%; height: 100%; object-fit: contain; object-position: center; }

/*  */

.people_posts_section { width: 100%; padding: 0px 15px 200px; position: relative; background: url(../images/pps_bgshadow1.png) no-repeat, url(../images/pps_bg_shadow2.png) no-repeat, #fff; background-position: right center, center; background-size: auto; }
.pps_top_content_block { max-width: 100%;  background: #fff; min-height: 170px; border-radius: 20px; width: 100%; padding: 15px 25px; display: flex; align-items: center; top: -100px; position: relative; background: #fff; }
.pps_top_content_block .pps_title { font-size: 36px; font-weight: 600; line-height: 48px; margin-bottom: 0px; max-width: 40%; padding-right: 20px; background: -webkit-linear-gradient(0deg, #F7333F 0%, #6500FF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;  }
.pps_top_content_block .pps_card_block { width: 60%; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; background: url(../images/postLine.png) no-repeat; background-position: bottom center; background-size: auto; }
.pps_top_content_block .pps_card { max-width: 225px; width: 100%; border-radius: 20px 20px 20px 0px; background: linear-gradient(168.01deg, rgba(255, 255, 255, 0.2) -9.63%, rgba(255, 255, 255, 0) 100.36%); padding: 3px; margin: 0px 5px; }
.pps_top_content_block .pps_card:last-child { margin-right: 0px; }
.pps_top_content_block .pps_card_inside { width: 100%;  min-height: 130px; background: linear-gradient(135.86deg, rgba(177, 177, 177, 0.32) 5.24%, rgba(54, 53, 103, 0.2) 51.01%); border-radius: 20px 20px 20px 0px; backdrop-filter: blur(6px); padding: 20px 10px; }
.pps_top_content_block .pps_card_inside .pps_count { font-size: 36px; font-weight: 600; line-height: 40px; text-align: center; margin-bottom: 12px; color: #0A050F; }
.pps_top_content_block .pps_card_inside .pps_text { font-size: 18px;font-weight: 500; line-height: 23px; text-align: center; color: #696969; margin-bottom: 0px; }

.pps_middle_content_block { width: 100%; display: block; padding: 0px 0px 100px; }
.ppsmcb_content_block { padding-right: 150px; }
.ppsmcb_content_block .ppsmcb_title { font-size: 36px; font-weight: 600; line-height: 45px; color: #0A050F; margin-bottom: 16px; }
.ppsmcb_content_block .ppsmcb_desc { font-size: 16px; font-weight: 500; line-height: 24px; color: #696969; margin-bottom: 0px;  }

.ppsmcb_image_block { display: flex; align-items: center; justify-content: flex-end; }
.ppsmcb_image_block .image_box1 { width: 380px; height: 430px; border-radius: 20px; box-shadow: 0px 15px 42px 0px #00000029; border: 5px solid #FFFFFF;background: #D9D9D9; margin-right: -50px; position: relative; }
.ppsmcb_image_block .image_box1 img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 20px;  }
.ppsmcb_image_block .image_box2 { width: 340px; height: 340px; border-radius: 20px; box-shadow: 0px 15px 42px 0px #00000029; background: #D9D9D9;}
.ppsmcb_image_block .image_box2 img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 20px;  }
.ppsmcb_image_block .shadow_div { max-width: 285px; height: 210px; width: 100%; position: absolute; bottom: -70px; left: 50%; transform: translateX(-50%); z-index: 1; }
.ppsmcb_image_block .shadow_div img { width: 100%; height: 100%; object-fit: cover; object-position: center; }

.footer_content_block { background: linear-gradient(270.06deg, #FF5D2A 0.98%, #FF00D6 23.97%, #BD00FF 42.52%, #6100FF 61.6%, #009CF3 81.7%, #00FFB2 99.95%); background-size: 400% 400%; animation: fgradient 15s ease infinite; box-shadow: -1px 15px 21px 0px #00000029; max-width: 95%; width: 100%; min-height: 160px; border-radius: 20px; display: flex; align-items: center; justify-content: center; margin: -120px auto 0px; z-index: 1; position: relative; }
@keyframes fgradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.footer_content_block .fcb_title { font-size: 36px; font-weight: 600; line-height: 44px; color: #FFFFFF; margin-bottom: 0px; max-width: 709px; width: 100%; margin-right: 60px; }
.footer_content_block .common-btn { color: #0047FF !important; background: #FFFFFF; border: 1px solid transparent !important; }
.footer_content_block .common-btn:hover { background: transparent; border-color: #fff !important; color: #fff !important; }

/* footer */

footer { width: 100%; background: #0A050F;}

.footer_top_content { padding: 30px 30px; display: flex; align-items: center; }
.footer_top_content .site_logo {  max-width: 220px; height: 90px; width: 100%; } 
.footer_top_content .site_logo a { display: block; }  
.footer_top_content .site_logo a img { width: 100%; object-fit: contain; object-position: center;  }

.footer_nav_bar { width: 100%; display: flex; justify-content: flex-end;  }
.footer_nav_bar ul { list-style: none !important; padding: 0px; margin-bottom: 0px; max-width: 150px; width: 100%; margin-left: 100px; }
.footer_nav_bar ul li.title { font-size: 20px; font-weight: 600; margin-bottom: 10px; color: #fff; }
.footer_nav_bar ul li { margin-bottom: 10px; }
.footer_nav_bar ul li a { font-size: 14px; color: #fff; position: relative; padding-bottom: 5px; }
.footer_nav_bar ul li a:hover, .footer_nav_bar ul li a.active { color: #FF5D2A; }
.footer_nav_bar ul li a::before {  background: linear-gradient(90deg, #F7333F 0%, #6500FF 100%); height: 1px; position: absolute; content: ""; bottom: 0; left: 0; width: 100%; display: none; }
.footer_nav_bar ul li a:hover::before, .footer_nav_bar ul li a.active::before { display: block; }

footer .footer_bottom_content { width: 100%; display: flex; align-items: center; justify-content: space-between; border-top: 1px dashed #472569; padding: 12px 30px; }
footer .footer_bottom_content .copy-right-text { font-size: 12px !important; color: #8A57BD; margin-bottom: 0px; }
.social_icons { list-style: none; padding: 0px; margin-bottom: 0px; display: flex; align-items: center; }
.social_icons li { margin-right: 15px; }
.social_icons li a { width: 30px; height: 30px; display: block; border-radius: 50%; background: #472569; padding: 5px; }
.social_icons li a img { width: 100%; height: 100%; object-fit: contain; object-position: center;  vertical-align: top; }


/* sign up page */

.auth_page { width: 100%; min-height: calc(100vh - 100px); padding: 30px 15px; background: url(../images/common-bg.svg) no-repeat; background-position: -200px -160px; background-size: 100%;  }
.signup_page .common_form_block { display: flex; align-items: center; justify-content: space-between; }

.auth_left_content_block { width: 100%; padding-right: 20px;}
.auth_left_content_block .heading_block { max-width: 460px; width: 100%; position: relative; }
.auth_left_content_block .heading_block::before { position: absolute; content: ""; height: 224px; width: 59px; background: url(../images/signup_arrow.png) no-repeat; background-position: center; background-size: contain; right: -60px; top: 33px; }
.auth_left_content_block .alc_title { font-size: 36px; font-weight: 700; line-height: 46px; color: #FFFFFF;}
.auth_left_content_block .alc_desc { font-size: 14px; font-weight: 400; line-height: 26px; color: #9E9D9D; }

.common_form_fields { padding: 3px; background: linear-gradient(168.01deg, rgba(255, 255, 255, 0.2) -9.63%, rgba(255, 255, 255, 0) 100.36%); border-radius: 21px; max-width: 640px; width: 100%; }
.cff_inside_block { background: linear-gradient(0deg, rgba(49, 48, 54, 0.3), rgba(49, 48, 54, 0.3)), linear-gradient(135.86deg, rgba(177, 177, 177, 0.32) 5.24%, rgba(54, 53, 103, 0.2) 51.01%); backdrop-filter: blur(6px); border-radius: 21px; padding: 25px; }
.auth_page .auth_title { font-size: 30px; font-weight: 700; color: #FFFFFF; margin-bottom: 20px; }

.common_form_block .form-group { margin-bottom: 15px; }
.common_form_block .form-group label { font-size: 12px; font-weight: 700; color: #fff; margin-bottom: 4px; }
.common_form_block .form-group .fgradiantbg { background: linear-gradient(90deg, #F7333F 0%, #6500FF 100%); padding: 1px; border-radius: 4px; }
.common_form_block .form-group .form-control { background: #FFFFFF; border-radius: 4px; font-size: 12px; border: none !important; box-shadow: none !important; padding: 11px; color: #4D4D4D; }
.common_form_block .form-group .form-control::placeholder { color: #7E7E7E; }
.common_form_block .form-group .input-group-text { background: #fff; box-shadow: none !important; border: none !important;  padding: 8px; }
.common_form_block .form-group .input-group-text img { width: 14px; height: 14px; object-fit: contain; vertical-align: text-top; object-position: center; }
.common_form_block .form-group .help-block { color: #fff !important; }
.help-block, label.error { color: #fff !important; margin-bottom: 0px !important; }

.auth_page .common-btn { font-size: 14px; margin-bottom: 20px; min-width: 225px; }
.terms_line { font-size: 12px; line-height: 26px; text-align: center; color: #9E9D9D; margin-bottom: 15px; }
.terms_line a { color: #9E9D9D !important; text-decoration: underline !important; }
.go_other_page { font-size: 12px; line-height: 26px; text-align: center; color: #9E9D9D; margin-bottom: 0px; }
.go_other_page a { color: #FFFFFF; font-weight: 700; }

.signup_company_info_block{  margin-top: 10px; margin-bottom: 20px; padding: 20px 15px ; backdrop-filter: blur(6px); background: #0000004D; border-radius: 21px; border: 3px dashed #3E3E3F; }
.signup_company_info_block .scib_title { font-size: 16px; font-weight: 700; color: #FFFFFF; margin-bottom: 10px; }

.plan_try_block { max-width: 600px; width: 100%; border-radius: 21px; padding: 3px; background: linear-gradient(168.01deg, rgba(255, 255, 255, 0.2) -9.63%, rgba(255, 255, 255, 0) 100.36%); margin-top: 80px; position: relative; }
.plan_inner_block { background: linear-gradient(0deg, rgba(49, 48, 54, 0.3), rgba(49, 48, 54, 0.3)), linear-gradient(135.86deg, rgba(177, 177, 177, 0.32) 5.24%, rgba(54, 53, 103, 0.2) 51.01%); backdrop-filter: blur(6px); padding: 20px 25px; border-radius: 21px; position: relative; }
.plan_inner_block .pib_title { font-size: 32px; font-weight: 700; color: #FFFFFF; text-align: center; margin-bottom: 12px; }
.plan_inner_block .pib_list { list-style: none !important; padding: 0; margin: 0px; display: flex; flex-wrap: wrap; }
.plan_inner_block .pib_list li { font-size: 14px; line-height: 26px; color: #FFFFFF; margin-bottom: 18px; display: flex; width: 50%; }
.plan_inner_block .pib_list li::before { position: relative; content: ""; width: 10px; height: 10px; background: url(../images/log.png) no-repeat; background-position: center; background-size: contain; margin-right: 10px;  margin-top: 10px; }
.plan_inner_block .bttn_block { width: 100%; display: flex; justify-content: center; }
.plan_inner_block .bttn_block .bb_box { width: 50%; }
.plan_inner_block .bttn_block .bb_box p { font-size: 12px; color: #9E9D9D; }
.plan_inner_block .bttn_block .bb_box p img { width: 44px; height: 18px; object-fit: contain; object-position: center; margin-left: 10px; }
.plan_inner_block .bttn_block .bb_box .skip-btn { background: linear-gradient(90deg, #F7333F 0%, #6500FF 100%); padding: 1px; display: inline-block; border-radius: 4px; margin-bottom: 10px; }
.plan_inner_block .bttn_block .bb_box .common-btn { margin-bottom: 10px !important; }
.plan_inner_block .bttn_block .bb_box .skip-btn .common-btn { background: #28203d; margin-bottom: 0px !important; }

.pricing_banner .plan_inner_block .bttn_block .bb_box { width: auto; margin: 0px 20px; } 

.shadow_div1 { border-radius: 21px; padding: 3px; background: linear-gradient(168.01deg, rgba(255, 255, 255, 0.2) -9.63%, rgba(255, 255, 255, 0) 100.36%); position: absolute; width: 90%; left: 50%; transform: translateX(-50%); opacity: 0.4; z-index: -1; bottom: 10px; }
.shadow_div1::before { background: linear-gradient(0deg, rgba(49, 48, 54, 0.3), rgba(49, 48, 54, 0.3)), linear-gradient(135.86deg, rgba(177, 177, 177, 0.32) 5.24%, rgba(54, 53, 103, 0.2) 51.01%); backdrop-filter: blur(6px); border-radius: 21px; content: "";  position: absolute; width: 100%; height: 100%; }
.shadow_div2 { border-radius: 21px; padding: 3px; background: linear-gradient(168.01deg, rgba(255, 255, 255, 0.2) -9.63%, rgba(255, 255, 255, 0) 100.36%); position: absolute; width: 85%; left: 50%; transform: translateX(-50%); opacity: 0.2; z-index: -2; bottom: 10px; }
.shadow_div2::before {  background: linear-gradient(0deg, rgba(49, 48, 54, 0.3), rgba(49, 48, 54, 0.3)), linear-gradient(135.86deg, rgba(177, 177, 177, 0.32) 5.24%, rgba(54, 53, 103, 0.2) 51.01%); backdrop-filter: blur(6px); border-radius: 21px; content: ""; position: absolute; width: 100%; height: 100%; } 

/*  */

.forgot-text { text-align: left; margin-bottom: 20px; }
.forgot-text a { color: #9E9D9D; margin-bottom: 0px; font-weight: normal !important; }

.login_page { display: flex; align-items: center; padding: 100px 15px; }
.login_page .common_form_block { max-width: 640px; width: 100%; margin: 0px auto; position: relative; }
.login_page .common_form_fields { padding: 50px 120px;  }

/*  */

.auth_desc { font-size: 12px; font-weight: 500; line-height: 15.12px; color: #FFFFFF; margin-bottom: 20px; }

/* about us page */

.about_banner_section { width: 100%; display: block; background: url(../images/common-bg.svg) no-repeat, url(../images/aboutmiddle.svg) no-repeat; background-position: -100px -60px, -100px 165%; background-size: 100%; padding-bottom: 70px; }
.about_banner_block { max-width: 1230px; width: 100%; margin: 0px auto; display: flex; align-items: center; padding: 40px 10px; }
.about_content_block { padding-right: 40px; max-width: 550px; width: 100%; margin-bottom: 90px; }
.about_content_block .bcb_title { font-size: 36px; font-weight: 700; line-height: 45px; color: #FFFFFF; margin-bottom: 20px;}
.about_content_block .bcb_desc { font-size: 14px; line-height: 24px; color: #FFFFFF; margin-bottom: 0px; }

.bb_img_block { width: 550px; height: 570px; }
.bb_img_block img { width: 100%; height: 100%; object-fit: contain; object-position: center; }

.banner_middle_content { width: 100%; padding: 50px 15px 0px; position: relative; background: url(../images/bg-shadow.png) no-repeat; background-position: center 74%; background-size: 65%; }
.banner_middle_content::before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; background: url(../images/circle1.png) no-repeat, url(../images/Line1.png) no-repeat, url(../images/Line2.png) no-repeat; background-size: 170px, 220px, 140px; background-position: 12% 29%, 93% 86%, 12% 85%; z-index: -1; }
.banner_middle_content .heading_block { max-width: 710px; width: 100%; margin: 0px auto 30px; }
.banner_middle_content .heading_block .bmc_title { font-size: 30px; font-weight: 700; line-height: 45px; text-align: center; margin-bottom: 20px; color: #fff; }
.banner_middle_content .heading_block .bmc_desc { font-size: 14px; line-height: 26px; text-align: center; color: #FFFFFF; margin-bottom: 15px; }

.social_media_block { position: relative; padding-top: 50px; }
.smb_image_block { max-width: 765px; height: 516px; border-radius: 21px; width: 100%; margin: 0px auto; padding: 3px; background: linear-gradient(90deg, #F7333F 0%, #6500FF 100%); }
.smb_image_block .inner_div { width: 100%; height: 100%; background: linear-gradient(0deg, rgba(49, 48, 54, 2), rgba(49, 48, 54, 2)), linear-gradient(135.86deg, rgba(177, 177, 177, 0.32) 5.24%, rgba(54, 53, 103, 0.2) 51.01%); backdrop-filter: blur(6px); border-radius: 21px; padding: 10px; }
.smb_image_block img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 21px; }
.smb_shadow_box { max-width: 900px; top: 0;  width: 100%; height: 390px; border-radius: 21px; padding: 3px; background: linear-gradient(168.01deg, rgba(255, 255, 255, 0.2) -9.63%, rgba(255, 255, 255, 0) 100.36%); position: absolute; left: 50%; transform: translateX(-50%); z-index: -1; }
.smb_shadow_box::before { background: linear-gradient(0deg, rgba(49, 48, 54, 0.3), rgba(49, 48, 54, 0.3)), linear-gradient(135.86deg, rgba(177, 177, 177, 0.32) 5.24%, rgba(54, 53, 103, 0.2) 51.01%); backdrop-filter: blur(6px); border-radius: 21px; content: "";  position: absolute; width: 100%; height: 100%; }
.smb_image_block .inner_div video { border-radius: 21px; } 

.about_img_section { width: 100%; height: 390px; background: url(../images/about_img.jfif) no-repeat; background-position:center 20%; background-size: cover; }
.about_post_section { padding-top: 120px !important; }

/* contact us page */

.contact_us_page { width: 100%; padding: 50px 20px; background: url(../images/common-bg.svg) no-repeat; background-position: -100px -60px; background-size: 100%; display: flex; align-items: center; justify-content: space-between; }
.contact_us_page .common_form_block  { position: relative; }
.contact_us_page .common_form_fields { padding: 30px 60px;  }
.contact_form_block { position: relative; max-width: 550px; width: 100%; border-radius: 21px; }
.contact_us_page .auth_title { font-size: 30px; font-weight: 700; color: #FFFFFF; margin-bottom: 20px;  }
textarea.form-control { min-height: auto; }
.contact_us_page .common-btn { font-size: 16px; margin-bottom: 0px; min-width: 241px; }

.contact_left_content { width: 100%; padding-right: 40px; }
.clc_heading_block { margin-bottom: 40px; max-width: 600px; width: 100%; }  
.clc_heading_block .clc_title { font-size: 36px; font-weight: 700; line-height: 45px; color: #FFFFFF; margin-bottom: 20px; }
.clc_heading_block .clc_desc { font-size: 14px; line-height: 24px; color: #9E9D9D; margin-bottom: 0px; }

.other_info_block { display: flex; justify-content: space-between; }
.other_contact { list-style: none !important; margin: 0px; padding: 0px; }
.other_contact li { display: flex; align-items: center; color: #fff; font-size: 14px; margin-bottom: 26px; font-weight: 500;  }
.other_contact li .icon { width: 22px; height: 22px; background: url(../images/iconbg.png) no-repeat; background-position: center; background-size: contain; margin-right: 10px; padding: 6px; }
.other_contact li .icon img { width: 100%; height: 100%; object-fit: contain; object-position: center; vertical-align: top; }
.other_contact li a { color: #fff; }
.other_contact li a:hover { color: #FF5D2A; }

.common_img_block { width: 410px; display: flex; flex-wrap: wrap; }
.common_img_block .cib_one { max-width: 190px; height: 280px; width: 100%; }
.common_img_block .cib_one img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.common_img_block .cib_two { max-width: 180px; height: 100px; width: 100%; margin-left: 30px; }
.common_img_block .cib_two img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.common_img_block .cib_three { max-width: 240px; width: 100%; height: 320px; border: 15px solid #0A050F; margin-top: -160px; margin-left: auto; margin-right: 0px;}
.common_img_block .cib_three img { width: 100%; height: 100%; object-fit: cover; object-position: center; }

/* pricing page */

.pricing_page { width: 100%; display: block; padding: 60px 15px 50px; background: url(../images/common-bg.svg) no-repeat; background-position: -100px -60px; background-size: 100%; }

.pricing_banner { max-width: 1000px; width: 100%; margin: 0px auto; }
.pb_heading_block { max-width: 720px; width: 100%; margin: 0px auto 30px; }
.pb_heading_block .price_title { font-size: 36px; font-weight: 700; text-align: center; color: #FFFFFF; margin-bottom: 20px; }
.pb_heading_block .price_desc { font-size: 14px; line-height: 24px; text-align: center; color: #9E9D9D; margin-bottom: 0px; }

.pricing_banner .pib_description { font-size: 14px; line-height: 26px; text-align: center; color: #9E9D9D; margin-bottom: 30px; }

.pricing_page .plan_try_block { margin: 0px auto; }  
.pricing_page .plan_inner_block { padding: 20px 30px; }
.pricing_page .plan_inner_block .bttn_block { padding: 0px 35px; }

.pb_cards { display: flex;  justify-content: center; width: 100%; margin-bottom: 80px; }
.business_inner .bus_title { width: 100%; flex: 1;}
.pb_cards .business_inner {  height: 100%;}

.faq_section { position: relative; width: 100%; display: block; padding: 75px 0px 0px; }
.pricing_page .faq_inner_block { max-width: 745px; width: 100%; margin: 0px auto; }
.faq_heading_block { margin-bottom: 60px; padding: 0px 75px; }
.faq_heading_block h1 { font-size: 36px; font-weight: 700; text-align: center; color: #fff; margin-bottom: 20px; }
.faq_heading_block p { font-size: 14px; line-height: 26px; text-align: center; color: #9E9D9D;  }

.faq_accordion { margin-bottom: 40px; }
.faq_accordion .accordion-item { border: none; border-bottom: 1px dashed #4E2775; padding: 20px 0px; }
.faq_accordion .accordion-button { font-size: 16px; font-weight: 700; color: #fff; padding: 0; }
.faq_accordion .accordion-button span { width: 100%; display: block; padding-right: 10px; }
.faq_accordion .accordion-body { padding-top: 10px !important; }
.faq_accordion .accordion-body, .faq_accordion .accordion-body p { font-size: 14px; line-height: 26px; color: #fff; padding: 0px; margin-bottom: 0px; }
.faq_accordion .accordion-button:not(.collapsed) { background-color: transparent !important; box-shadow: none !important;  color: #fff !important;}
.faq_accordion .accordion-button::after { background: url(../images/cirlceplus.png) no-repeat !important; width: 30px; height: 30px; background-position: center; background-size: cover; content: "+"; transform: unset !important; text-align: center; line-height: 23px; font-size: 20px; }
.faq_accordion .accordion-button:not(.collapsed)::after { content: "-"; transform: unset !important; }

/* faq_page */

.faq_page {  min-height: 100vh;  background: url(../images/common-bg.svg) no-repeat; background-position: -100px -60px; background-size: 100%; padding: 60px 15px 160px; }
.faq_page .faq_inner_block { max-width: 1200px; margin: 0px auto;  }

/* terms and privacy page */

.privacy_and_terms_page {  min-height: 100vh;  background: url(../images/common-bg.svg) no-repeat; background-position: -100px -60px; background-size: 100%; padding: 60px 15px 160px; }
.pt_content_block { max-width: 1195px; width: 100%; margin: 0px auto; }
.pt_content_block .heading_block { margin-bottom: 30px; }
.pt_content_block .heading_block h1 { font-size: 36px; font-weight: 700; line-height: 45px; text-align: center; color: #fff; margin-bottom: 18px; }
.pt_content_block .heading_block p { font-size: 14px; line-height: 24px; text-align: center; color: #9E9D9D; margin-bottom: 0px; }
.pt_content_block .ptcb_box { padding: 20px 0px; display: block; width: 100%; border-bottom: 1px dashed #4E2775; }
.pt_content_block .ptcb_box .ptcb_title { font-size: 16px; font-weight: 700; line-height: 22px; text-transform: uppercase; margin-bottom: 10px; color: #fff; }
.pt_content_block .ptcb_box p { font-size: 14px; line-height: 26px; color: #fff; margin-bottom: 0px; }

/* helpcenter_page */

.helpcenter_page {  min-height: 100vh; background: url(../images/common-bg.svg) no-repeat; background-position: -100px -60px; background-size: 100%; padding: 50px 15px 35px; }
.helpcenter_page .heading { font-size: 36px; font-weight: 700; line-height: 45px; color: #fff; text-align: center; margin-bottom: 15px; }
.search_bar { max-width: 560px; width: 100%; margin: 0px auto 45px; }
.search_bar .input-group { background: linear-gradient(90deg, #F7333F 0%, #6500FF 100%); padding: 3px; border-radius: 6px; }
.search_bar .input-group input { color: #fff; box-shadow: none !important; border: none !important; font-family: Plus Jakarta Sans;  font-size: 12px; border-radius: 6px; background: #0C0C0C; backdrop-filter: blur(6px); padding: 12px; }
.search_bar .input-group input::placeholder  { color: #9E9D9D !important; }


.help_center_card_block {  }
.hccb_card { padding: 40px 0px; width: 100%; height: 100%; }
.hccb_card_outer { background: linear-gradient(168.01deg, rgba(255, 255, 255, 0.2) -9.63%, rgba(255, 255, 255, 0) 100.36%); padding: 3px; position: relative; border-radius: 21px; height: 100%; max-width: 395px; margin: 0px auto; width: 100%; }
.hccb_card_inner { background: linear-gradient(0deg, rgba(49, 48, 54, 0.3), rgba(49, 48, 54, 0.3)), linear-gradient(135.86deg, rgba(177, 177, 177, 0.32) 5.24%, rgba(54, 53, 103, 0.2) 51.01%); backdrop-filter: blur(6px); border-radius: 21px; padding: 30px 20px;  height: 100%; display: block; }
.hccb_card_inner .hccb_icon { width: 60px; height: 60px; margin: 0px auto 15px; }
.hccb_card_inner .hccb_icon img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.hccb_card_inner .hccb_title { font-size: 24px; font-weight: 700; text-align: center; color: #fff; margin-bottom: 10px; }
.hccb_card_inner .hccb_desc { font-size: 14px; line-height: 26px; text-align: center; color: #fff; margin-bottom: 0px; }

/* helpcenter_detail_page */

.back_btn {position: absolute;	right: 15px; top: 12px;}
.back_btn a {color: #fff; font-size: 12px;line-height: 15px; display: flex; align-items: center; justify-content: flex-end;}
.back_btn a:hover { color: #FF5D2A; }
.back_btn a img {width: 12px;height: 12px;margin-right: 5px;object-fit: contain;object-position: center;}

.shadow_div1 { height: auto !important; top: -20px;}
.shadow_div2 { height: auto !important; top: -40px;}

.helpcenter_detail_page { min-height: 100vh; background: url(../images/common-bg.svg) no-repeat; background-position: -100px -60px; background-size: 100%; padding: 70px 15px 30px; position: relative; }

.hcd_outer_block { max-width: 1234px; width: 100%; border-radius: 21px; background : linear-gradient(168.01deg, rgba(255, 255, 255, 0.2) -9.63%, rgba(255, 255, 255, 0) 100.36%); margin: 0px auto; position: relative; padding: 3px; }
.hcd_inner_block { padding: 30px 25px; border-radius: 21px; width: 100%; background : linear-gradient(0deg, rgba(49, 48, 54, 0.3), rgba(49, 48, 54, 0.3)), linear-gradient(135.86deg, rgba(177, 177, 177, 0.32) 5.24%, rgba(54, 53, 103, 0.2) 51.01%); backdrop-filter: blur(6px); display: flex; }

.article_list { max-width: 310px; width: 100%; border-right: 1px dashed #795998; }
.article_list h3 { font-size: 18px; font-weight: 700; color: #fff; margin-bottom: 15px; }
.article_list ul { list-style: none !important; padding: 0; margin: 0px; }
.article_list ul li { width: 100%; display: block; margin-bottom: 10px; }
.article_list ul li a { font-size: 14px; color: #fff; }
.article_list ul li a.active { text-decoration: underline !important; }

.hcd_article_content_block { width: 100%; flex: 1; padding: 0px 30px; }
.hcdac_box { padding: 15px 0px; width: 100%; border-bottom: 1px dashed #795998; }
.hcdac_box .hcdac_heading { font-size: 24px; font-weight: 700; color: #fff; margin-bottom: 15px; }
.hcdac_box .hcdac_desc { font-size: 14px; line-height: 24px; color: #FFFFFF; margin-bottom: 15px; }
.hcdac_box .hcdac_desc:last-child { margin-bottom: 0px; }

/* blog */

.blog_page { min-height: 100vh; background: url(../images/common-bg.svg) no-repeat; background-position: -100px -60px; background-size: 100%; padding: 50px 15px 30px; }

.blog_card_block {  }
.bcb_card { padding: 115px 0px 35px; width: 100%; height: 100%; }
.bcb_card_outer { background: linear-gradient(168.01deg, rgba(255, 255, 255, 0.2) -9.63%, rgba(255, 255, 255, 0) 100.36%); padding: 3px; position: relative; border-radius: 21px; height: 100%; max-width: 500px; margin: 0px auto; width: 100%; }
.bcb_card_inner { background: linear-gradient(0deg, rgba(49, 48, 54, 0.3), rgba(49, 48, 54, 0.3)), linear-gradient(135.86deg, rgba(177, 177, 177, 0.32) 5.24%, rgba(54, 53, 103, 0.2) 51.01%); backdrop-filter: blur(6px); border-radius: 21px; padding: 150px 25px 25px; height: 100%; display: block; position: relative; }
.bcb_card_inner .bcb_img { max-width: 360px; height: 250px; width: 100%; border-radius: 10px; position: absolute; left: 50%; transform: translateX(-50%); top: -115px; }
.bcb_card_inner .bcb_img .date { background: linear-gradient(90deg, #F7333F 0%, #6500FF 100%); min-width: 114px; border-radius: 0px 20px 0px 10px; display: inline-block; font-size: 12px; line-height: 22px; text-align: center; position: absolute; left: 0; bottom: 0; padding: 7px; color: #fff; }
.bcb_card_inner .bcb_img img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 10px; }
.bcb_card_inner .bcb_title { font-size: 18px; font-weight: 700; text-align: center; color: #fff; margin-bottom: 10px; line-height: 30px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.bcb_card_inner .bcb_desc { font-size: 14px; line-height: 24px; text-align: center; color: #fff; margin-bottom: 0px;   overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }


/* blog detail page */

.blog_detail_page { min-height: 100vh; background: url(../images/common-bg.svg) no-repeat; background-position: -100px -60px; background-size: 100%; padding: 80px 15px 35px; position: relative; }
.bd_outer_block { max-width: 1100px; width: 100%; border-radius: 21px; background : linear-gradient(168.01deg, rgba(255, 255, 255, 0.2) -9.63%, rgba(255, 255, 255, 0) 100.36%); margin: 0px auto; position: relative; padding: 3px; }
.bd_inner_block { padding: 30px 35px; border-radius: 21px; width: 100%; background : linear-gradient(0deg, rgba(49, 48, 54, 0.3), rgba(49, 48, 54, 0.3)), linear-gradient(135.86deg, rgba(177, 177, 177, 0.32) 5.24%, rgba(54, 53, 103, 0.2) 51.01%); backdrop-filter: blur(6px); }
.bd_inner_block .blog_title { font-size: 24px; font-weight: 700; color: #fff; margin-bottom: 20px; }
.bd_inner_block .post_date { font-size: 14px; line-height: 24px; margin-bottom: 15px; color: #fff; }
.bd_inner_block .blog_img { width: 100%; height: 430px; border-radius: 10px; margin-bottom: 21px; }
.bd_inner_block .blog_img img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 10px; }
.bd_inner_block .blog_content {  }
.bd_inner_block .blog_content p { font-size: 14px; line-height: 24px; color: #FFFFFF; margin-bottom: 10px; }
.bd_inner_block .blog_content h4 { font-size: 18px; font-weight: 700; color: #FFFFFF; margin-bottom: 10px; margin-top: 30px; }

.back_page { font-size: 12px; color: #fff !important; position: absolute; right: 15px; top: 0; }
.back_page img { width: 12px; height: 12px; object-fit: contain; object-position: center; margin-right: 8px; }


/*  */

.loader { width: 45px; height: 45px; margin: 0px auto; animation: animName 2s linear infinite; }
.loader img { width: 100%; height: 100%; object-fit: contain; object-position: center; } 
@keyframes animName {
    0%{ transform: rotate(0deg); }
   100%{ transform: rotate(360deg); }
}


/* feature page */

.feature_page { min-height: 100vh; background: url(../images/common-bg.svg) no-repeat; background-position: -100px -60px; background-size: 100%; padding: 50px 15px 150px; }
.feature_inside_content_block { max-width: 1560px; width: 100%; margin: 0px auto;  }
.ficb_banner_block { width: 100%; display: flex; align-items: center; justify-content: center; }
.ficb_banner_block .ficbb_content { max-width: 560px; padding-right: 65px; width: 100%; }
.ficb_banner_block .ficbb_content .banner_heading { font-size: 36px; font-weight: 700; line-height: 46px; color: #fff; margin-bottom: 20px; }
.ficb_banner_block .ficbb_content .banner_desc { font-size: 14px; line-height: 26px; color: #9E9D9D; margin-bottom: 40px; }
.ficb_banner_block .ficbb_content .notext { font-size: 12px; color: #9E9D9D; margin-bottom: 0px; margin-top: 15px; }
.ficb_banner_block .ficb_banner_img { max-width: 580px; width: 100%; height: 440px; }
.ficb_banner_block .ficb_banner_img img { width: 100%; height: 100%; object-fit: contain; object-position: center; }


.feature_list_block { padding-top: 70px; display: block; }
.flb_row { padding: 30px; border-bottom: 1px dashed #69389A;  }  
.f_image_block { position: relative; display: flex; align-items: flex-end; }
.f_image_block .fi_img { width: 460px; height: 360px; border-radius: 10px; }
.f_image_block .fi_img img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 10px; }
.f_image_block .fi_rating_img { width: 260px; height: 110px; margin-left: -120px; }
.f_image_block .fi_rating_img img { width: 100%; height: 100%; object-fit: contain; object-position: center; }

.f_content_block { max-width: 582px; width: 100%;  }
.f_content_block .fcb_heading { font-size: 36px; font-weight: 700; line-height: 46px; color: #fff; margin-bottom: 15px; }
.f_content_block .fcb_desc { font-size: 14px; line-height: 26px; color: #9E9D9D; margin-bottom: 15px; }
.f_content_block .know_more_btn { background: #fff !important; color: #0047FF !important; margin-right: 15px; border: 1px solid transparent !important; }
.f_content_block .know_more_btn:hover { color: #fff !important; border-color: #fff !important; background: transparent !important; }


/* feature detail page */

.feature_detail_page { min-height: 100vh; background: url(../images/common-bg.svg) no-repeat; background-position: -100px -60px; background-size: 100%; padding: 50px 15px 150px; }
.feature_detail_page .banner_middle_content { padding: 0px; }
.feature_detail_page .banner_middle_content::before { background-position: 8% 19%, 94% 83%, 8% 83%; }

.feature_social_platforms { background: url(../images/circleshadow.svg) no-repeat; padding: 60px 0px 40px; background-position: right -18px; background-size: 43%; }


/* mobile side nav */

.htoggle-btn { font-size: 30px; color: #ED028E;; cursor: pointer; margin-left: 0;  }
.sidenav { height: 100%; width: 0; position: fixed; z-index: 1111; top: 0; right: 0; background: rgba(22, 22, 22, 1); box-shadow: 0px 4px 4px rgba(255, 255, 255, 0.25);overflow-x: hidden; transition: 0.5s; padding-top: 45px; padding-left: 0px; padding-right: 0px; }
.sidenav div { padding: 0px 20px 10px; }
.sidenav div .select2-container { width: 100% !important; }
.sidenav .language-selection { width: 100%  !important; }
.sidenav div a { width: 100% !important; max-width: 100% !important; }
.sidenav .closebtn { position: absolute; top: 0; right: 10px; font-size: 28px; margin-left: 10px; padding: 0px; color: #ED028E;; }


/* after login page desgin work */

.after-login-page { width: 100%; display: flex; min-height: 100vh; background: url(../images/common-bg.svg) no-repeat; background-size: auto; background-position: -100px -60px; background-size: 100%;}
 
.side_nav_bar { backdrop-filter: blur(6.5px); border: 3px solid; border-image-source: linear-gradient(168.01deg, rgba(255, 255, 255, 0.2) -9.63%, rgba(255, 255, 255, 0) 100.36%); 
    background: linear-gradient(0deg, rgba(49, 48, 54, 0.3), rgba(49, 48, 54, 0.3)), linear-gradient(135.86deg, rgba(177, 177, 177, 0.32) 5.24%, rgba(54, 53, 103, 0.2) 51.01%);
    max-width: 20%; width: 100%; padding: 10px 20px;
}
.side_nav_bar .site_logo { width: 201px; height: 74px; margin: 0px auto 30px; }
.side_nav_bar .site_logo img { width: 100%; height: 100%; object-fit: contain; object-position: center; }

.menu_list { margin-top: 20px;} 
.menu_list ul { list-style: none; margin-bottom: 0px; padding: 0px; }
.menu_list ul li { width: 100%; margin-bottom: 10px; padding: 1px;  }
.menu_list ul li a { color: #fff; font-size: 14px; font-weight: 700; display: flex; align-items: center; padding: 7px 15px; position: relative; border-radius: 6px; position: relative; }
.menu_list ul li > a::before { position: absolute; content: ""; left: -1px; top: -1px; right: -1px; bottom: -1px; background: linear-gradient(90deg, #FA3091 0%, #FBAE1F 100%); border-radius: 6px; z-index: -1; display: none; }
.menu_list ul li a.active, .menu_list ul li a:hover {  background: rgba(0, 0, 0, 1); color: #fff; }
.menu_list ul li a.active::before, .menu_list ul li a:hover::before { display: block; }

.menu_list ul li a img { width: 16px; height: 16px; object-fit: contain; object-position: center; margin-right: 7px; }
.menu_list ul li a img { display: none; }
.menu_list ul li a img + img { display: block; }
.menu_list ul li .sub--menu { padding: 4px 15px 0px 20px; }
.menu_list ul li .sub--menu a { color: #8D8D8D; font-weight: 400; font-size: 12px; text-wrap: nowrap; }
.menu_list ul li .sub--menu a:hover, .menu_list ul li .sub--menu a.active { background: none !important; box-shadow: none !important; color: #fff; }
.menu_list .count { min-width: 20px; height: 20px; border-radius: 50%; text-align: center; background: #fff; color: #2D2D2D; font-size: 12px; position: absolute; right: 10px; top: 7px; line-height: 20px; }
.review_tabs .count { min-width: 20px; height: 20px; border-radius: 50%; text-align: center; background: #fff; color: #110E19; font-size: 12px; display: inline-block;margin-left: 1px;top:27px; line-height: 20px;}

.right_content_block { width: 80%; }
.right_content_block .top-header { height: 55px; display: flex; align-items: center; justify-content: space-between; padding: 10px 20px;}
.right_content_block .top-header .page_title { font-size: 20px; font-weight: 700; line-height: 25px; margin-bottom: 0px; color: #fff; }
.right_content_block .top-header .dropdown { margin-right: 10px; margin-left: auto; }
.right_content_block .top-header .dropdown button {text-align: left; color: #fff; font-size: 12px; background: none !important; border: none !important; box-shadow: none !important; padding: 0px; border-radius: 0px !important; }
.right_content_block .dropdown-toggle::after { content: ""; background-image: url(../images/downarrow.svg); background-size: 12px; background-position: center right; background-repeat: no-repeat; width: 12px; height: 12px; display: inline-block; vertical-align: text-bottom; margin-left: 10px; }
.right_content_block .top-header .dropdown-menu {right: 0px !important; left: auto !important; padding: 5px 0; border-radius: 6px; min-width: 135px; background: #000; border-color: #FA3091; top: 25px !important; }
.right_content_block .top-header .dropdown-menu .nav-link { font-size: 14px; color: #fff; padding: 5px 10px; }
.right_content_block .top-header .dropdown-menu .nav-link img { width: 16px; height: 16px; object-fit: contain; object-position: center; margin-right: 10px; }
.right_content_block .top-header .dropdown-menu .nav-link:hover { color: #fff; }

.after_login_content_blocks { width: 100%; display: block; position: relative; overflow: hidden; min-height: calc(100% - 55px); padding: 15px !important;}
.after_login_content_blocks.profile_page { padding-top: 80px !important; }

.heading-block { display: flex; align-items: center; width: 100%; justify-content: space-between; margin-bottom: 10px; }
.heading-block .hb_heading { font-size: 20px; font-weight: 700; line-height: 25px; color: #FFFFFF; }
.profile_blocks .profile-form { margin-bottom: 40px; }
.heading-block .form-btn { background: #0047FF; min-width: 107px; padding: 3px 10px; width: 100%; border-radius: 2px; font-size: 12px; line-height: 24px; text-align: center; color: #FFFFFF; box-shadow: none !important; }

.right_content_block .common-btn { min-width: 132px !important; padding: 8px !important; }

/*  */

table.dataTable { border: none !important; }
.table > thead { background: linear-gradient(90deg, #F7333F 0%, #6500FF 100%); }
.table > thead th { font-size: 12px; font-weight: 700; line-height: 25px; color: #fff; background: none !important; }
table.dataTable td, table.dataTable th { border-bottom: none !important; padding: 7px 10px; }
table.dataTable tbody tr { background: linear-gradient(0deg, rgba(49, 48, 54, 0.3), rgba(49, 48, 54, 0.3)), linear-gradient(135.86deg, rgba(177, 177, 177, 0.32) 5.24%, rgba(54, 53, 103, 0.2) 51.01%); font-size: 11px; line-height: 25px; color: #fff;}
table.dataTable td { border-top: 3px solid rgba(255, 255, 255, 0.2) !important;}

.table td a.action_btn { background: linear-gradient(90deg, #F7333F 0%, #6500FF 100%); border: 1px solid #000000; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; border-radius: 2px; color: #fff !important; text-decoration: unset !important; }

.pagination { border: none !important; }
.pagination li .page-link { background: linear-gradient(0deg, rgba(49, 48, 54, 0.3), rgba(49, 48, 54, 0.3)), linear-gradient(135.86deg, rgba(177, 177, 177, 0.32) 5.24%, rgba(54, 53, 103, 0.2) 51.01%) !important; backdrop-filter: blur(6.5px); border: 1px solid rgba(255, 255, 255, 0.2) !important; border-radius: 0px !important; }
.page-item.active .page-link { background: linear-gradient(90deg, #F7333F 0%, #6500FF 100%) !important; border: 1px solid #FFFFFF !important; }
div.dataTables_wrapper div.dataTables_paginate ul.pagination {justify-content: flex-end !important;}


/*  */

.after_login_content_blocks.add_suggestion_block { padding-top: 80px !important; }
.upload_btn { box-shadow: none !important; background: linear-gradient(90deg, #F7333F 0%, #6500FF 100%); color: #FFFFFF !important; font-size: 12px; line-height: 25px; border: none !important; }

/*  */

.add_suggestion_block form .input-group .form-control { padding-left: 10px !important; resize: 0;}
input[type=file]::file-selector-button { display: none !important; }

/* radio button */

.radio_div { justify-content: flex-start !important; }
.radio_div div { margin-right: 40px; }
[type="radio"]:checked,
[type="radio"]:not(:checked) { position: absolute; left: -9999px;}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label{ position: relative; padding-left: 24px;cursor: pointer; line-height: 14px !important; display: inline-block; color: #fff; font-size: 12px; font-weight: normal !important; }
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 14px; height: 14px; border: 1px solid #CBCBD2; border-radius: 100%; background: #fff;}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after { content: ''; width: 10px; height: 10px; background: #4B61C2; position: absolute; top: 2px; left: 2px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
[type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
[type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1);}

.upload-video-box {position: relative; border: 2px dotted rgba(215, 215, 215, 1); margin: 6px; outline: 6px solid rgba(243, 243, 243, 1) !important; height: 231px; background-color: rgba(243, 243, 243, 1); width: auto; cursor: pointer; overflow: hidden; display: flex; flex-direction: column; justify-content: center; border-radius: 6px; }
.add_suggestion_block .form-label { font-size: 12px; color: #989898; margin-bottom: 5px; }
.add_suggestion_block .upload-text { color: #1E0E62; }
.add_suggestion_block .upload-text span { color: #989898;}
.upload-video-box .upload-video {width: 80px; height: 80px;}

.add_suggestion_block  .radio_div { padding-top: 30px; height: 72px; }

/* resources-page */

.resources-page {  }
.resources-page .bd_outer_block { max-width: 100%  !important; }
.resources-page .bd_inner_block { padding: 20px !important; }
.category_outer_block { background : linear-gradient(90deg, #F7333F 0%, #6500FF 100%); border-radius: 6px; padding: 1px; display: block; margin-bottom: 20px; }
.category_outer_block .category-box { background: #110E19; border-radius: 6px; padding: 6px; margin-bottom: 0px !important; }
.category_outer_block .category_icon { border-radius: 6px; }
.category_outer_block .category_icon img { border-radius: 6px; }
.category_outer_block .category_body { padding: 12px; }
.category_outer_block .category_body .categroy_title { font-size: 16px; font-weight: 700; margin-bottom: 10px; color: #fff; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.category_outer_block .category_body .post_content { margin-bottom: 0px; font-size: 14px; color: #fff;  overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; }


/* chat inbox page */

.message_page .bd_outer_block { max-width: 100%  !important; }
.message_content_block { position: relative; padding: 0 !important; }

.chat-box {width: 100%; padding: 20px; height: 630px; overflow-x: hidden; overflow-y: auto; }
.admin_content { min-width: 500px; max-width: 500px; margin-bottom: 12px; }
.self_user_content { min-width: 500px; max-width: 500px; margin-left: auto; margin-bottom: 12px; justify-content: flex-end; }

.chat-box .content-box { width: fit-content; position: relative; background: linear-gradient(90deg, #F7333F 0%, #6500FF 100%); padding: 1px; }
.chat-box .content-box .content_inner { background: #0A050F; padding: 10px;  }

.admin_content .content-box {  border-radius: 0px 6px 6px 6px; }
.self_user_content .content-box { border-radius: 6px 0px 6px 6px; margin-left: auto;  }
.self_user_content .content-box .content_inner { border-radius: 6px 0px 6px 6px; }
.admin_content .content-box .content_inner { border-radius: 0px 6px 6px 6px; }

.admin_content .content-box p, .self_user_content .content-box p  {color: #fff; font-size: 12px; margin-bottom: 0px; }
.chat-box .name { color: #fff; margin-bottom: 5px; font-size: 12px; font-weight: 700; }
.chat-box .date-time { color: #fff; margin-bottom: 0px; font-size: 12px; margin-top: 5px; font-weight: 400; }    

.chat_type_block { width: 100%; display: flex; align-items: center; border-top: 1px solid #5E5C63; padding: 10px 20px; }
.chat_type_block  .input_parent { background: linear-gradient(90deg, #F7333F 0%, #6500FF 100%); padding: 1px; border-radius: 6px 0px  6px 6px; width: 100%; }
.chat_type_block .form-control { background: #0A050F; border-radius: 6px 0px  6px 6px; resize: unset !important; box-shadow: none !important; font-size: 12px; line-height: 18px; font-size: 12px; border: none !important; color: #fff; }

.chat_type_block .send-btn { margin-left: 25px; background: linear-gradient(99.65deg, #5F22E2 3.95%, #BF22E2 21.24%, #FB9B2B 100%); font-size: 14px; line-height: 24px; text-align: center; color: #fff !important; border-radius: 2px; border: none !important; box-shadow: none !important; min-width: 130px; font-weight: 700; }

.chat-box .ac_box { width: 100%; flex: 1; }
.chat-box .self_user_content .date-time { text-align: right; }
.chat-box .self_user_content .name  { text-align: right; }
.chat_inner_box { display: flex ; }
.admin_img { margin-right: 10px;  }
.self_img { margin-left: 10px; }
.admin_img, .self_img { border-radius: 50%; width: 40px; height: 40px; border-radius: 50%; }
.admin_img img, .self_img img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 50%; }

/*  */

.analtics_page .bd_outer_block { max-width: 100%  !important; }
.analtics_page .bd_inner_block { padding: 20px !important; }

/*  */

.cantentpillar_page .after_login_content_blocks { padding-top: 80px !important; }
.cantentpillar_page .bd_inner_block { padding: 20px !important; }
.cantentpillar_page .heading { font-size: 20px; font-weight: 700; line-height: 25px; color: #fff; margin-bottom: 15px;}
.description_block { font-size: 12px; color: #fff; line-height: 25px; }

/*  */

.library_page .after_login_content_blocks { padding: 0px !important ; }
 
.post_filter_block { width: 100%; min-height: 70px; background: linear-gradient(90deg, #F7333F 0%, #6500FF 100%); position: relative; display: flex; align-items: center; padding: 0px 10px; }
.post_filter_block.collapse:not(.show) { display: flex;}
.filter_title { font-size: 28px; margin-bottom: 0px; margin-right: 15px; color: #fff; font-weight: 700; }
.post_filter_block form { display: flex; align-items: center; width: 100%; flex: 1;}
.post_filter_block form .form-group { margin-left: 15px; max-width: 170px; width: 100%; }
.post_filter_block form .input-group { background: none !important; border: none !important; border-bottom: 1px solid #fff !important; border-radius: 0px; max-width: 430px; width: 100%; }
.post_filter_block .form-control { border: none !important; border-radius: 0px !important; padding: 10px 0px; box-shadow: none !important; background-color: transparent !important; font-size: 12px !important; color: #fff !important; }
.post_filter_block .form-control::placeholder { color: #fff !important; }
.post_filter_block .select2-selection { border: none !important; border-radius: 0px !important; padding: 10px 0px; box-shadow: none !important; border-bottom: 1px solid #FFFFFF !important; background-color: transparent !important; font-size: 12px !important; color: #fff !important; }
.post_filter_block form .input-group-text { box-shadow: none !important; background: none !important;  border: none !important; }
.post_filter_block form .input-group-text img { width: 14px; height: 14px; object-fit: contain; object-position: center; }

.reset-btn { background: none; box-shadow: none; border: none; min-width: 20px; height: 20px; margin-left: 15px; }
.reset-btn img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.form-select { background-image: url(../images/downarrow.svg); background-size: 12px; background-position: center right; background-repeat: no-repeat; }
.post_filter_block form .input-group .input-group-text { padding: 5px; }


/*  */

.swal2-title{font-size: 20px !important;}
.swal2-html-container{font-size: 16px !important;}
.swal2-modal{width: 450px !important;}
.swal2-icon.swal2-warning {border-color: #2E56C0 !important;color: #2E56C0 !important;}
.swal2-actions:not(.swal2-loading) .swal2-styled:hover {background-image: none !important;background-color: #fff !important; color: #2E56C0; border-color: #2E56C0;border: 2px solid;}
.swal2-styled.swal2-default-outline:focus { box-shadow: none !important; }
.swal2-styled.swal2-confirm:focus {  box-shadow: none !important; }
.swal2-icon.swal2-success .swal2-success-ring {border: 0.25em solid #2E56C0 !important;}
.swal2-icon.swal2-success [class^=swal2-success-line] {background-color: #2E56C0 !important;}

/* select 2 */

.select2-container .select2-selection--single{height: auto !important;}
.select2-selection__rendered{padding-left: 0px !important; color: #4D4D4D !important;line-height: inherit !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered {  color: #4D4D4D; line-height: unset; font-size: 12px;}
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 100%; right: 5px; width: 10px; background: url(../images/downArrows.svg) no-repeat; background-position: center; background-size: 12px; }
.select2-container--default .select2-selection--single .select2-selection__arrow b { display: none !important; }
/* .select2-container--default .select2-selection--single .select2-selection__placeholder {color: #fff !important;} */
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {background-color: #000 !important;}
.select2-results__option--selected{background-color: #000 !important;color: #fff !important;}

/*  */


.nav-pills { position: relative; background: linear-gradient(270deg, #FCAB24 0%, #FC8331 100%); padding: 5px 20px; margin-bottom: 0px !important; }
.nav-pills .nav-link { color: #110E19; font-size: 12px; margin: 0px; border-radius: 6px; padding: 7px 12px; } 
.nav-pills .nav-item { padding: 1px 1px; border-radius: 6px; }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { background: #fdb583; color: #110E19; backdrop-filter: blur(6px)}
.nav-pills .nav-item:has(.nav-link.active) { background : linear-gradient(90deg, #FA3091 0%, #0047FF 100%); }

.library_page .library_content_block { padding: 15px; }
.library_page .library_content_block .bd_outer_block { max-width: 100%; }
.library_page .library_content_block  .bd_inner_block { padding: 15px; }
.library_page .category_block .cb_title { font-size: 18px; font-weight: 700; line-height: 25px; color: #fff !important;  margin-bottom: 15px; }

.category_block {margin-bottom: 30px;}
.masonry-layout { columns: 3; gap: 1rem;}
.category-box { margin-bottom: 20px; background: linear-gradient(90deg, #F7333F 0%, #6500FF 100%); padding: 1px; display: inline-block; vertical-align: text-top; width: 100%; page-break-inside: avoid; border-radius: 6px; }
.category_inside_box { background: #110E19; border-radius: 6px; }
.category-box .category-text { padding: 12px 12px; background: url(../images/equ.svg) no-repeat; min-height: 60px; background-position: 20px 10px; background-size: 70px;}
.category-box .category-text .category_icon { width: 100%; margin-bottom: 10px; border-radius: 10px;}
.category-box .category-text p { font-size: 13px; color: #fff; margin-bottom: 0px; overflow: hidden; font-weight: 500; }
.category-box .category-footer { border-top: 1px solid #231D33; padding: 10px; display: flex; align-items: center; margin-top: auto;}
.category-footer .boxbtn { font-size: 12px; font-weight: 500; line-height: 24px; color: #fff; margin-right: 20px; }
.category-footer .boxbtn img { width: 16px; height: 16px; object-fit: contain; object-position: center; margin-right: 5px; }
.category-box .category-footer a:hover { text-decoration: underline !important;}

/* no mare data */

.no_post { position: relative; max-width: 640px; width: 100%; border-radius: 6px; margin: 10px auto; background: linear-gradient(90deg, #F7333F 0%, #6500FF 100%); padding: 1px; }
.no_data {  display: flex; align-items: center; border-radius: 6px; padding: 20px; background: #110E19; border-radius: 6px; }
.img_no_data { max-width: 140px; height: 196px;  width: 100%; } 
.img_no_data img { width: 100%; height: 100%; object-fit: contain; object-position: center; } 

.nodata_content_block { width: 100%; flex: 1; padding-left: 40px; }
.nodata_content_block h1 { color: #fff; font-size: 24px; }
.nodata_content_block p { font-size: 18px; color: #9A9AA9; margin-bottom: 0px; }

.category_content_modal .category-box { background: transparent !important; margin-bottom: 0px; }

/* modal */

.modal.show .modal-dialog { max-width: 580px !important; }

.modal-content { border-radius: 6px; background: #fff; border: 1px solid #D0D0D0; }
.modal-content .cb_title { font-size: 20px; font-weight: 700; background: -webkit-linear-gradient(90deg, #F7333F 0%, #6500FF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 15px; }
.modal-content .btn-close { color: #6F6F6F; position: absolute; right: 2px; top: 2px; font-size: 10px; z-index: 1; opacity: 1;}

.modal-content .post_content {  font-size: 12px !important; line-height: 25px; color: #565D63 !important; }
.modal-content .form-btn { background: linear-gradient(99.65deg, #5F22E2 3.95%, #BF22E2 21.24%, #FB9B2B 100%); min-width: 132px !important;  padding: 8px !important; border-radius: 4px; font-size: 14px; font-weight: 600; border: none !important; box-shadow: none !important; color: #fff !important; }
.modal-content .category-box .category-text { background: transparent !important;}
.modal-content .category_inside_box { background: transparent !important; }

/* .suggestion_modal.modal.show .modal-dialog { max-width: 1070px; }  */
.suggestion_modal.modal .category-box .category-text { background: transparent !important; } 
.modal-body { padding: 0px !important; }
.modal-body .category-footer .boxbtn { color: #565D63 !important; }
.modal-body .category-footer .boxbtn img { filter: invert(1); }


/* saas user */
/* dashboard page */

.main-dashboard-page .card{ background: linear-gradient(168.01deg, rgba(255, 255, 255, 0.2) -9.63%, rgba(255, 255, 255, 0) 100.36%); padding: 2px; border-radius: 10px; border: none; }
.main-dashboard-page .card-body { background: linear-gradient(0deg, rgba(49, 48, 54, 0.3), rgba(49, 48, 54, 0.3)), linear-gradient(135.86deg, rgba(177, 177, 177, 0.32) 5.24%, rgba(54, 53, 103, 0.2) 51.01%); backdrop-filter: blur(6px); border-radius: 10px; padding: 25px; }

.main-dashboard-page .card-body .card_title { font-size: 14px; font-weight: 700; line-height: 25px; color: #fff; margin-bottom: 20px; }
.main-dashboard-page .card-body .counter-value {font-size: 24px; font-weight: 700; line-height: 25px; color: #fff; margin-bottom: 20px; }
.main-dashboard-page .card-body .view_btn { border: 1px solid #BBE1FF; background: #F4FAFF; min-width: 84px; border-radius: 4px; color: #4D4D4D; font-size: 14px; font-weight: 700; padding: 6px; position: relative; box-shadow: none !important; }
.main-dashboard-page .card-body .view_btn img {position: absolute; right: -11px; top: 6px; width: 20px; height: 20px; object-fit: contain; object-position: center; }

.main-dashboard-page .card-body .svg_icons { width: 70px; height: 70px; border-radius: 20px; display: flex; align-items: center; justify-content: center; margin-left: auto; }
.main-dashboard-page .card-body .svg_icons img { width: 42px; height: 42px; object-fit: contain; object-position: center; }

/*  */

.after_login_content_blocks.saas_setting_page { padding-top: 55px !important; }
.uploads_img { border: 1px solid #D7D7D7; margin-top: 10px; width: 180px; height: 80px; border-radius: 2px; padding: 10px; background: #858585; position: relative; }
.uploads_img img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.uploads_img .delete_icon { position: absolute; right: 0; top: 0; border-radius: 50%; box-shadow: none; border: none; padding: 3px; }
.uploads_img .delete_icon svg { width: 20px; height: 20px; }

.cke_bottom { display: none !important; }
.cke_chrome { display: block; padding: 0; border: none !important; box-shadow: none !important; border-radius: 6px;}
.cke_top { border-bottom: none !important; border-radius: 6px 6px 0px 0px;}
.cke_editable form { border: none !important; }
.cke_editable { background: #fff; }

.table-bordered, .table-bordered td, .table-bordered th { border: 1px solid #000 !important;}
div.dataTables_wrapper div.dataTables_length label { font-size: 12px; color: #fff;}
div.dataTables_wrapper div.dataTables_length select { color: #4D4D4D; font-size: 12px; font-weight: 400; padding: 4px 10px; border: 1px solid #D7D7D7; background: #F2F2F7; margin: 0px 5px; }
div.dataTables_wrapper div.dataTables_filter label { font-size: 12px; color: #fff;}
div.dataTables_wrapper div.dataTables_filter input { color: #4D4D4D; font-size: 12px; font-weight: 400; padding: 4px 10px; border: 1px solid #D7D7D7; background: #F2F2F7; margin-left: 5px; }
.btn-danger { background: #FF4E4E; box-shadow: none !important; border: 1px solid #FF4E4E; font-size: 12px; padding: 3px 10px; border-radius: 2px; color: #FFFFFF; width: 115px; padding: 5px; }
.btn-danger svg { width: 20px; height: 20px; }
.btn-primary { background: #0047FF; border: 1px solid #0047FF; padding: 3px 10px; width: 100%; border-radius: 2px; font-size: 12px; text-align: center; color: #FFFFFF; box-shadow: none !important; width: 115px; padding: 5px; }
.btn-primary svg { width: 20px; height: 20px; }
table.dataTable td a { color: #fff; text-decoration: underline !important; }
table.dataTable td code { color: #fff; }

.btn-soft-primary { border: 1px solid #000000; background: linear-gradient(90deg, #F7333F 0%, #6500FF 100%); box-shadow: none !important; color: #fff; width: 24px; height: 24px; padding: 0px; box-shadow: none !important; }

input[switch] { display: none;}
input[switch]:checked + label { background: linear-gradient(90deg, #F7333F 0%, #6500FF 100%); }
input[switch] + label { background-color: #000; background-image: none; border-radius: 2rem; cursor: pointer; display: inline-block; font-size: 1em; height: 24px; line-height: 1; padding: .16667rem; position: relative; width: 40px;}
input[switch]:checked + label::after { background-color: #fff; left: 17px; }
input[switch] + label::after { background-color: #e9e9ef; border-radius: 2rem; -webkit-box-shadow: none; box-shadow: none; content: ""; height: 20px; left: 3px; position: absolute; top: 2px; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; width: 20px;}

.backbtn { background: #FF4E4E; margin-left: 10px; }

.checkbox { position: relative; padding-left: 30px; cursor: pointer;font-size: 12px; line-height: 24px; -webkit-user-select: none; color: #fff !important; -moz-user-select: none;-ms-user-select: none;user-select: none; margin-bottom: 0; margin-left: 0px; }
.checkbox input { position: absolute; opacity: 0;cursor: pointer;height: 0; width: 0;}
.checkmark { position: absolute; top: 2px; left: 0; height: 20px; width: 20px; background: #fff; border: 1px solid #CBCBD2; border-radius: 4px; }
.checkmark::after { display: none;content: "";position: absolute; left: 6px; top: 1px; width: 6px; height: 12px; border: solid #4B61C2; border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
input:checked ~ .checkmark::after { display: block;}

.check-box-block label.checkbox { width: 33.33%; padding-right: 20px; padding-left: 0px !important; color: #4D4D4D !important; }
.check-box-block label.checkbox .checkmark { left: auto; right: 20%; }
.common_form_block .form-group label.checkbox { color: #4D4D4D; font-weight: normal; }

.select2-container--default .select2-selection--multiple { padding-bottom: 0px !important; padding: 4px 10px !important; }
.select2-container .select2-selection--multiple { min-height: 40px !important; }
.select2-container--default.select2-container--focus .select2-selection--multiple { padding: 4px 10px !important; }
.select2-container .select2-search--inline .select2-search__field { margin-left: 0 !important; }
.select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #000 !important; border: 1px solid #000 !important;}


.user_select { width: 100%; margin-bottom: 10px; margin-left: auto; }
.user_select label { font-size: 12px; margin-bottom: 4px; color: #fff; }
.user_select .form-select { border: 1px solid #D7D7D7; background: #F2F2F7;  height: 28px; border-radius: 2px; font-size: 12px; line-height: 25px; color: #4D4D4D; }

.user_select .select2-selection__rendered { padding-top: 3px !important; padding-bottom: 3px !important; }
.user_select .select2-container--default .select2-selection--single { padding: 2px 5px; min-height: auto !important; }

.select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid transparent; border-radius: 4px; padding: 8px; min-height: 40px;}
.select2-container .select2-selection--single .select2-selection__rendered { color: #4D4D4D !important; }

.post_filter_block  .select2-container .select2-selection--single .select2-selection__rendered { color: #fff !important; }
.select2-container--default .select2-selection--single .select2-selection__clear { display: none !important; }
.post_filter_block .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #fff !important; }

.bootstrap-tagsinput .tag { display: inline-block; background-color: #000 !important; color: #fff !important; transition: all .2s; border: 1px solid #000 !important; font-size: 12px !important; border-radius: 100px; word-break: break-all; margin: 5px; margin-left: 0px; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none;  -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; transition: all .2s;padding:5px 11px; cursor: pointer;}
.bootstrap-tagsinput{ width: 100%; resize: unset !important;background: #fff !important;border: 1px solid #fff !important;box-shadow: none !important;font-size: 12px;line-height: 16px;color: #4D4D4D;padding: 11px 10px;  border-radius: 4px;}
.bootstrap-tagsinput input {color: #fff; width: 100%;}
.select2-container--default .select2-selection--single .select2-selection__clear { color: #4D4D4D;} 

.import_post_btn { border: 1px solid transparent !important; padding:5px 10px; width: 100%; border-radius: 2px; font-size: 12px; text-align: center; color: #FFFFFF !important; box-shadow: none !important; background: linear-gradient(90deg, #F7333F 0%, #6500FF 100%);}
.import_post_btn svg { width: 20px; height: 20px;  }

.common_post_blocks { display: flex; align-items: flex-start; }
.common_post_blocks .common_form_block { width: 100%; flex: 1; }
.user_info_block { max-width: 360px; width: 100%; border-radius: 20px; padding: 3px; background: linear-gradient(168.01deg, rgba(255, 255, 255, 0.2) -9.63%, rgba(255, 255, 255, 0) 100.36%); margin-left: 30px;}
.uib_inner_block { background: linear-gradient(0deg, rgba(49, 48, 54, 0.3), rgba(49, 48, 54, 0.3)), linear-gradient(135.86deg, rgba(177, 177, 177, 0.32) 5.24%, rgba(54, 53, 103, 0.2) 51.01%); padding: 15px; border-radius: 20px; backdrop-filter: blur(6px);}
.uib_inner_block h4 { font-size: 12px; font-weight: 700; line-height: 23px; color: #FFFFFF; margin-bottom: 0px; }
.uib_inner_block p { font-size: 12px; line-height: 23px; color: #FFFFFF; margin-bottom: 0px; }

.addmore-field { position: relative; }
.delete-div  { right: 0; position: absolute;  }
.delete-div svg { width: 20px; height: 20px; color: red; }

.common_post_modal .modal-content .cb_title { text-align: center; margin-top: 10px; line-height: 28px; }  
.common_post_modal .category-box { background: transparent; margin-bottom: 0px; }
.category-box .category-text p span { font-weight: 700; }
.category-box .category-text p span + span { color: #346AD6; }

.common_post_modal .modal_title { font-weight: 700; background: -webkit-linear-gradient(90deg, #F7333F 0%, #6500FF 100%); background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; padding: 10px 0px; }
.common_post_modal .category-box .category-text p { color: #565D63; font-weight: 400; font-size: 12px; }

/*  */

.saas_message_page .bd_inner_block { padding: 0px !important; }
.contact-list { border-right: 1px solid #5E5C63; height: 100% !important; padding: 12px !important; }
.contact-list .menu_list { margin-top: 0px !important; padding: 0px !important; }

.contact-list ul li { margin-bottom: 10px; border-radius: 6px; padding: 2px; }
.contact-list ul a.usersec { backdrop-filter: blur(6px); background: #000000 !important; display: block; position: relative;  }

.contact-list ul a.usersec:hover { background: #0A050F !important; z-index: 12; }
.contact-list ul a.usersec:hover::before { display: none; }
.contact-list ul .contact_name { display: flex; align-items: center; }
.contact-list ul .contact_name .sidenav_badge { margin-left: auto; margin-bottom: 0px; font-weight: 400; font-size: 12px; color: #ACACAC; }
.contact-list ul .contact_name .name { text-transform: uppercase; color: #ACACAC; font-size: 14px; margin-bottom: 0px !important; }
.contact-list ul .message_content { color: #ACACAC; font-size: 12px; line-height: 25px; }

.contact-list ul a.usersec:hover .name { color: #fff; }
.contact-list ul a.usersec:hover .message_content { color: #fff; }

.message_content_block .menu_list ul li a img { display: block;}
.message_content_block .menu_list ul li a img + img { display: none;}
.message_content_block .menu_list ul li a:hover img { display: none;}
.message_content_block .menu_list ul li a:hover img + img { display: block;}

.contact-list ul li.active:has(a.usersec), .contact-list ul li:has(a.usersec:hover)  { background : linear-gradient(90deg, #FA3091 0%, #FBAE1F 100%); }

.contact-list .menu_list .count { bottom: 0; top: auto; }


/*  */

.radio_btn_block [type="radio"]:checked + label, 
.radio_btn_block [type="radio"]:not(:checked) + label { color: #4D4D4D !important; margin: 6px 0px; padding-left: 0; padding-right: 30px; width: 100%; }
.radio_btn_block  { display: flex; flex-wrap: wrap; min-height: 40px; }
.check-box-block { min-height: 40px; }
.radio_btn_block > div { width: 27%; margin-right: 6%; }
.radio_btn_block [type="radio"]:checked + label::before, 
.radio_btn_block [type="radio"]:not(:checked) + label::before { left :auto; right: 0; }
.radio_btn_block [type="radio"]:checked + label::after, 
.radio_btn_block [type="radio"]:not(:checked) + label::after {left: auto; right: 2px; }

/*  */

.user_nav_bar { background: linear-gradient(90deg, #F7333F 0%, #6500FF 100%); padding: 3px 8px; border-radius: 60px; display: inline-block; margin-bottom: 20px; }
.user_nav_bar a { display: inline-block; font-size: 12px; font-weight: 700; line-height: 25px; text-align: center; color: #FFFFFF; border-radius: 60px; padding: 5px 15px; }
.user_nav_bar a.active { background: #000; }

.common_user_info_page .user_info_block { margin-left: 0px; margin-bottom: 15px; max-width: 100%; }
.common_user_info_page .uib_inner_block { display: flex; flex-wrap: wrap; }
.common_user_info_page .uib_inner_block h4 { width: 50%; }
.common_user_info_page .uib_inner_block p { width: 50%; }

.menu_list ul li.collapse_li a { position: relative; }
.menu_list ul li.collapse_li > a::after { position: absolute; content: ""; right: 30px; width: 20px; height: 20px; background: url(../images/downarrow.svg) no-repeat; background-position: center; background-size: 14px; }
.menu_list ul li.collapse_li > a.collapsed::after { transform: rotate(-90deg); }
.menu_list ul li.collapse_li > a::after { transform: rotate(0deg);}

/*  */

.common_post_modal.modal.show .modal-dialog { max-width: 1080px !important; }
.common_post_modal .modal-content .category-box .category-text { display: flex;  }
.common_post_modal .category-box .category-text .ct_left_block { width: 50%; display: flex;	align-items: center;justify-content: center; }
.common_post_modal .category-box .category-text .categroy_content { width: 100%; flex: 1; padding-left: 20px; }

/*  */

.content_status { display: flex; flex-wrap: wrap; }
.user_table { width: 50%; }

.td_user { margin-right: 5px; }

.swal2-styled.swal2-confirm { border: 2px solid transparent; }
.swal2-styled.swal2-cancel { border: 2px solid transparent; }
.dtr-details li {display: grid;display: -ms-grid;display: -moz-grid;}
.dtr-data input[switch]{position: absolute;display: block; opacity: 0; left: 20px; z-index: 1;  width: 100%; height: 100%;}
.dtr-data{position: relative;}

/*  */

.modal_form_block { padding: 20px; }
.modal_form_block .form-group .fgradiantbg { background: linear-gradient(90deg, #F7333F 0%, #6500FF 100%);	padding: 1px; border-radius: 4px; margin-bottom: 20px; }
.modal_form_block .form-group .form-control { background: #FFFFFF;	border-radius: 4px;	font-size: 12px; border: none !important; box-shadow: none !important; padding: 11px; color: #4D4D4D; }

.categroy_scroll_block { max-height: 400px; overflow-y: auto; margin-bottom: 20px; }

.modal-content .post_date { color: #565D63 !important; }



/* -------------------------------------------------------------------------------------------------------- */
/* responsive view */

@supports (-webkit-hyphens: none) { 

    .table > thead { background: #9210c4 ; }
    table.dataTable tbody tr { background: rgba(177, 177, 177, 0.32); }
}

@media (min-width: 1200px) and (max-width: 1300px) {

.pps_top_content_block .pps_card {max-width: 225px;margin: 0px 5px;}


    
}

@media (min-width: 1400px) {


}

@media (min-width: 1440px) {


}

@media (min-width: 1600px) {

}


@media (min-width: 1680px) {

}


@media (min-width: 2100px){

    
}

@media (min-width: 1700px){

header { padding: 0.63vw 4.05vw; }
.site_logo { width: 10.57vw; height: 3.89vw; }
.header_nav li { margin: 0px 0.26vw; }
.header_nav li a { font-size: 0.73vw; padding: 0.52vw 0.63vw; }
.header_right_nav li { margin-left: 0.52vw; }  
.header_right_nav li a { font-size: 0.73vw; }
.header_right_nav li.free_link { margin-left: 1.05vw; }
.header_right_nav li.free_link a { font-size: 0.73vw; border-radius: 0.42vw; padding: 0.37vw; min-width: 4.84vw; }

.header_right_nav .dropdown button { font-size: 0.63vw;}
.header_right_nav .dropdown-toggle::after { background-size: 0.63vw; width: 0.63vw; height: 0.63vw;  margin-left: 0.52vw;  }
.header_right_nav .dropdown-menu { padding: 0.25vw 0; border-radius: 0.31vw; min-width: 7.89vw; top: 1.31vw !important; }
.header_right_nav .dropdown-menu .nav-link { font-size: 0.73vw; padding: 0.25vw 0.52vw; }
.header_right_nav .dropdown-menu .nav-link img { width: 0.84vw; height: 0.84vw; margin-right: 0.52vw; }

/* header dropdown menu */

.features-dropdown  .dropdown-menu.show { top: 1.52vw !important; width: 52.78vw; border-radius: 0px 0.31vw 0.31vw 0.31vw; padding: 1.84vw 1.84vw 0px;  }
.features-dropdown .dropdown-menu ul li { width: 50%; margin: 0px 0px 1.57vw;  }
.features-dropdown .dropdown-menu ul li a { border-radius: 0.52vw; }
.features-dropdown .dropdown-menu ul li .feat_icon { width: 2.63vw; height: 2.63vw; border-radius: 0.84vw; padding: 0.52vw; margin-right: 0.78vw; }
.features-dropdown .feat_body h3 {font-size: 0.73vw; margin-bottom: 0.52vw; }
.features-dropdown .feat_body p { font-size: 0.63vw; line-height: 0.78vw; }
.features-dropdown .dropdown-menu a.site_logo { width: 12.15vw; height: 4.47vw; margin-left: 2.63vw; }

/*  */

.common-btn { min-width: 9.89vw; padding: 0.78vw; border-radius: 0.22vw; font-size: 0.73vw; }
.banner_section { min-height: 95vh; padding: 1.05vw 7.63vw; background-position: center right, 32% 65% !important; background-size: auto, 40% !important; }
.banner_content_block { max-width: 30.68vw; }
.banner_content_block .banner_heading { font-size: 3.78vw; margin-bottom: 2.10vw; }
.banner_content_block .banner_desc { font-size: 0.84vw; line-height: 1.36vw; margin-bottom: 2.10vw; }
.banner_content_block .notext { font-size: 0.63vw; margin-top: 0.78vw; }

/*  */

.business_section { padding: 1.57vw 4.05vw 11.05vw; background-size: 65%; } 
.business_section::before { background-size: 11.05vw, 15.78vw, 11.05vw; background-position: 34% 17%, 90% 43%, 14% 40%; }
.business_section::after { background-position: 0% 100%, 87% 86%; }
.business_section .business_title { font-size: 2.52vw; margin-bottom: 0.63vw; }
.business_section .bus_description { font-size: 0.84vw; margin-bottom: 2.63vw; }

.business_slider { padding: 0px 2.10vw; }
.business_box { padding: 0.15vw; border-radius: 0.31vw; max-width: 16.57vw; margin: 0px 0.52vw; }
.business_inner {  padding: 0.63vw 1.05vw; border-radius: 0.31vw; }
.business_inner .bus_icon { width: 2.63vw; height: 2.63vw; border-radius: 0.84vw; margin-right: 0.89vw; padding: 0.52vw; }
.business_inner .bus_title { font-size: 1.05vw; }

.slick-custom-arrow { padding: 0.15vw; width: 1.57vw; height: 1.57vw; }
.slick-custom-arrow .sca_span { padding: 0.25vw; }

.customer_block {  padding: 0.15vw; border-radius: 1.10vw; max-width: 60vw; margin: 2.10vw auto 4.21vw; }  
.customer_inner_block { border-radius: 1.10vw; padding: 2.10vw 1.68vw; }

.customer_img { padding: 0.15vw; max-width: 27.26vw; height: 18.47vw; border-radius: 1.10vw;  }
.customer_img .customer_img_inner { border-radius: 1.10vw; padding: 0.52vw;}
.customer_img .customer_img_inner img { border-radius: 1.10vw; }

.customer_content { padding-left:  2.63vw; }
.customer_content .cc_title { font-size: 1.68vw; margin-bottom: 1.05vw; }
.customer_content .cc_desc {font-size: 0.84vw; line-height: 1.36vw; margin-bottom: 1.68vw; }

.customer_content .cc_list li { font-size: 0.84vw; line-height: 1.36vw; margin-bottom: 0.94vw; padding-left: 1.05vw; }
.customer_content .cc_list li::before { width: 0.52vw; height: 0.52vw; margin-right: 0.52vw; margin-top: 0.52vw; }

.common_background_block { padding: 0.15vw; border-radius: 1.10vw;  }
.common_background_inside_block {  border-radius: 1.10vw;}

.social_platforms_block { min-height: 23.68vw; }
.social_platform_inside_block  { padding: 1.57vw; }

.platform_content .pc_title { font-size: 2.52vw; line-height: 2.94vw; margin-bottom: 0.84vw; }
.platform_content .pc_desc {font-size: 0.84vw; line-height: 1.36vw; }
.platform_links { max-width: 32.05vw; height: 20.52vw; }

/*  */

.people_posts_section {  padding: 0px 4.05vw 10.52vw; }
.pps_top_content_block { min-height: 10.73vw; border-radius: 1.05vw; padding: 1.05vw 50px; top: -6.73vw; }
.pps_top_content_block .pps_title { font-size: 2.52vw; line-height: 2.94vw; max-width: 40%; padding-right: 1.05vw; }
.pps_top_content_block .pps_card_block { width: 60%; }
.pps_top_content_block .pps_card { max-width: 13.84vw; border-radius: 1.05vw 1.05vw 1.05vw 0px; padding: 0.15vw; margin: 0px 1.05vw; }

.pps_top_content_block .pps_card_inside { min-height: 8.57vw; border-radius: 1.05vw 1.05vw 1.05vw 0px; padding: 1.05vw 10px; }
.pps_top_content_block .pps_card_inside .pps_count { font-size: 2.52vw; line-height: 2.94vw; margin-bottom: 0.63vw; }
.pps_top_content_block .pps_card_inside .pps_text { font-size: 1.05vw; line-height: 1.31vw; }

.pps_middle_content_block { padding: 0px 0px 7.36vw; }
.ppsmcb_content_block { padding-right: 7.89vw; }
.ppsmcb_content_block .ppsmcb_title { font-size: 2.52vw; line-height: 2.94vw; margin-bottom: 0.84vw; }
.ppsmcb_content_block .ppsmcb_desc { font-size: 1.05vw; line-height: 1.36vw; }

.ppsmcb_image_block .image_box1 { width: 23.42vw; height: 28.94vw; border-radius: 1.05vw; border: 0.25vw solid #FFFFFF;margin-right: -2.63vw;  }
.ppsmcb_image_block .image_box1 img {  border-radius: 1.05vw;  }
.ppsmcb_image_block .image_box2 { width: 23.68vw; height: 23.68vw; border-radius: 1.05vw; }
.ppsmcb_image_block .image_box2 img { border-radius: 1.05vw; }
.ppsmcb_image_block .shadow_div { max-width: 22.15vw; height: 18.94vw; bottom: -7.10vw; }

.footer_content_block {  max-width: 92.94vw; min-height: 10.73vw; border-radius: 1.05vw; margin: -7.89vw auto 0px; }
.footer_content_block .fcb_title { font-size: 2.52vw; line-height: 2.94vw; max-width: 37.31vw; margin-right: 3.15vw; }

/* footer */

.footer_top_content { padding: 2.63vw 4.05vw; }
.footer_top_content .site_logo {  max-width: 18.52vw; height: 6.84vw; } 

.footer_nav_bar ul { max-width: 7.89vw; margin-left: 5.26vw; }
.footer_nav_bar ul li.title { font-size: 1.26vw; margin-bottom: 0.52vw; }
.footer_nav_bar ul li { margin-bottom: 0.52vw; }
.footer_nav_bar ul li a { font-size: 0.84vw; padding-bottom: 0.25vw; }

footer .footer_bottom_content { padding: 0.78vw 4.05vw; }
footer .footer_bottom_content .copy-right-text { font-size: 0.63vw !important; }
.social_icons li { margin-right: 0.78vw; }
.social_icons li a { width: 1.57vw; height: 1.57vw; padding: 0.25vw; }

/* sign up page */

.auth_page {  min-height: calc(100vh - 5.26vw); padding: 2.10vw 4.05vw; background-position: -10.52vw -8.42vw; }

.auth_left_content_block { padding-right: 1.05vw;}
.auth_left_content_block .heading_block { max-width: 30.68vw;  }
.auth_left_content_block .heading_block::before { height: 11.78vw; width: 3.10vw; right: -3.15vw; top: 1.73vw; }
.auth_left_content_block .alc_title { font-size: 2.52vw; line-height: 3.15vw; }
.auth_left_content_block .alc_desc { font-size: 0.84vw; line-height: 1.36vw; }

.common_form_fields { padding: 0.15vw; border-radius: 1.10vw; max-width: 42.10vw; }
.cff_inside_block { border-radius: 1.10vw; padding: 2.10vw; }
.auth_page .auth_title { font-size: 2.10vw; margin-bottom: 1.73vw; }

.common_form_block .form-group { margin-bottom: 0.78vw; }
.common_form_block .form-group label { font-size: 0.63vw; line-height: 1.31vw; margin-bottom: 0.22vw; }
.common_form_block .form-group .fgradiantbg { border-radius: 0.22vw; }
.common_form_block .form-group .form-control { border-radius: 0.22vw; font-size: 0.63vw; padding: 0.57vw; }
.common_form_block .form-group .input-group-text { padding: 0.42vw; }
.common_form_block .form-group .input-group-text img { width: 0.73vw; height: 0.73vw; }

.auth_page .common-btn { font-size: 0.84vw; margin-bottom: 1.05vw; min-width: 12.68vw; }
.terms_line { font-size: 0.63vw; line-height: 1.36vw; margin-bottom: 0.78vw; }
.go_other_page { font-size: 0.63vw; line-height: 1.36vw; }

.signup_company_info_block{  margin-top: 0.52vw; margin-bottom: 1.05vw; padding: 1.05vw 0.78vw ; border-radius: 1.10vw;}
.signup_company_info_block .scib_title { font-size: 1.05vw; margin-bottom: 0.52vw; }

.plan_try_block { max-width: 42.21vw; border-radius: 1.10vw; padding: 0.15vw; margin-top: 4.21vw; }
.plan_inner_block { padding: 1.05vw 6.84vw; border-radius: 1.10vw; }
.plan_inner_block .pib_title { font-size: 2.10vw; margin-bottom: 0.78vw; }

.plan_inner_block .pib_list li { font-size: 0.84vw; line-height: 1.36vw; margin-bottom: 0.94vw; width: 50%; }
.plan_inner_block .pib_list li::before { width: 0.52vw; height: 0.52vw; margin-right: 0.52vw; margin-top: 0.52vw; }

.plan_inner_block .bttn_block .bb_box { width: 50%; }
.plan_inner_block .bttn_block .bb_box p { font-size: 0.63vw; }
.plan_inner_block .bttn_block .bb_box p img { width: 2.31vw; height: 0.94vw; margin-left: 0.52vw; }
.plan_inner_block .bttn_block .bb_box .skip-btn { border-radius: 0.22vw; margin-bottom: 0.52vw; }
.plan_inner_block .bttn_block .bb_box .common-btn { margin-bottom: 0.52vw !important; }

.pricing_banner .plan_inner_block .bttn_block .bb_box { margin: 0px 1.05vw; } 


.shadow_div1 { border-radius: 1.10vw; padding: 0.15vw; width: 90%; bottom: 0.52vw; }
.shadow_div1::before { border-radius: 1.10vw; }
.shadow_div2 { border-radius: 1.10vw; padding: 0.15vw; width: 85%; bottom: 0.52vw; }
.shadow_div2::before { border-radius: 1.10vw; } 

/*  */

.forgot-text {  margin-bottom: 1.05vw; }

.login_page { padding: 5.26vw 4.05vw; }
.login_page .common_form_block { max-width: 42.10vw; }
.login_page .common_form_fields { padding: 4.21vw 9.21vw; }


/*  */

.auth_desc { font-size: 0.63vw; line-height: 0.78vw; margin-bottom: 1.05vw; }

/* about us page */

.about_banner_section { background-position:-10.52vw -8.42vw, -5.26vw 165%; padding-bottom: 5.26vw; }
.about_banner_block { max-width: 64.73vw; padding: 2.10vw 0.52vw; }
.about_content_block { padding-right: 2.10vw; max-width: 28.94vw; margin-bottom: 4.73vw; }
.about_content_block .bcb_title { font-size: 2.52vw; line-height: 3.15vw; margin-bottom: 1.05vw;}
.about_content_block .bcb_desc { font-size: 0.84vw; line-height: 1.36vw; }

.bb_img_block { width: 35.57vw; height: 35.94vw; }

.banner_middle_content { padding: 5.26vw 0.78vw 0px; background-position: center 74%; background-size: 65%; }
.banner_middle_content::before { background-size: 11.05vw, 15.78vw, 11.05vw; background-position: 17% 29%, 89% 95%, 15% 90%; }
.banner_middle_content .heading_block { max-width: 46.84vw; margin: 0px auto 1.57vw; }
.banner_middle_content .heading_block .bmc_title { font-size: 1.89vw; line-height: 2.36vw; margin-bottom: 1.05vw; }
.banner_middle_content .heading_block .bmc_desc { font-size: 0.84vw; line-height: 1.36vw; margin-bottom: 0.78vw; }

.social_media_block { padding-top: 2.63vw; }
.smb_image_block { max-width: 52.21vw; height: 32.89vw; border-radius: 1.10vw; padding: 0.15vw; }
.smb_image_block .inner_div { border-radius: 1.10vw; padding: 0.52vw; }
.smb_image_block img { border-radius: 1.10vw; }
.smb_image_block .inner_div video { border-radius:  1.10vw; } 

.smb_shadow_box { max-width: 58.26vw; height: 26.10vw; border-radius: 1.10vw; padding: 0.15vw; }
.smb_shadow_box::before { border-radius: 1.10vw; }

.about_img_section { height: 31.57vw; background-position:center 20%; }
.about_post_section { padding-top: 7.89vw !important; }

/* contact us page */

.contact_us_page { padding: 5.26vw 4.05vw; background-position: -10.52vw -8.42vw; }

.contact_us_page .common_form_fields { padding: 1.57vw 9.21vw;  }
.contact_form_block { max-width: 42.10vw; border-radius: 1.10vw; }
.contact_us_page .auth_title { font-size: 2.10vw; margin-bottom: 1.73vw;  }
.contact_us_page .common-btn { font-size: 0.84vw; min-width: 12.68vw; }

.contact_left_content { padding-right: 3.68vw; }
.clc_heading_block { margin-bottom: 2.10vw; max-width: 31.57vw; }  
.clc_heading_block .clc_title { font-size: 2.52vw; line-height: 3.15vw; margin-bottom: 1.57vw; }
.clc_heading_block .clc_desc { font-size: 0.84vw; line-height: 1.36vw; }

.other_contact li { font-size: 0.94vw; margin-bottom: 1.89vw; }
.other_contact li .icon { width: 1.31vw; height: 1.31vw; margin-right: 0.52vw; padding: 0.31vw; }

.common_img_block { width: 24.26vw; }
.common_img_block .cib_one { max-width: 11.63vw; height: 17.47vw; }
.common_img_block .cib_two { max-width: 9.94vw; height: 7.26vw; margin-left: 1.57vw; }
.common_img_block .cib_three { max-width: 15.21vw; height: 19.84vw; border: 0.78vw solid #0A050F; margin-top: -8.42vw; }


/* pricing page */

.pricing_page { padding: 5.26vw 0.78vw 2.63vw; background-position: -10.52vw -8.42vw; }

.pricing_banner { max-width: 52.63vw; }
.pb_heading_block { max-width: 37.89vw; margin: 0px auto 2.63vw; }
.pb_heading_block .price_title { font-size: 2.52vw; margin-bottom: 1.15vw; }
.pb_heading_block .price_desc { font-size: 0.84vw; line-height: 1.36vw; }

.pricing_banner .pib_description { font-size: 0.84vw; line-height: 1.36vw; margin-bottom: 2.10vw; }

.pricing_page .plan_inner_block { padding: 1.05vw 1.57vw; }
.pricing_page .plan_inner_block .bttn_block { padding: 0px 5.26vw; }

.pb_cards { margin-bottom: 5.26vw; }

.faq_section {  padding: 5.26vw 0px 0px; }
.pricing_page .faq_inner_block { max-width: 39.21vw;  }
.faq_heading_block { margin-bottom: 3.15vw; padding: 0px 3.94vw; }
.faq_heading_block h1 { font-size: 2.52vw; margin-bottom: 1.15vw; }
.faq_heading_block p { font-size: 0.84vw; line-height: 1.36vw; }

.faq_accordion { margin-bottom: 2.10vw; }
.faq_accordion .accordion-item { padding: 1.26vw 0px; }
.faq_accordion .accordion-button { font-size: 0.94vw; }
.faq_accordion .accordion-button span { padding-right: 0.52vw; }
.faq_accordion .accordion-body { padding-top: 0.52vw !important; }
.faq_accordion .accordion-body, .faq_accordion .accordion-body p { font-size: 0.73vw; line-height: 1.36vw; }
.faq_accordion .accordion-button::after { width: 1.57vw; height: 1.57vw; line-height: 1.21vw; font-size: 1.05vw; }

/* faq_page */

.faq_page {  background-position: -10.52vw -8.42vw; padding: 5.26vw 0.78vw 11.05vw; }
.faq_page .faq_inner_block { max-width: 63.15vw; }

/* terms and privacy page */

.privacy_and_terms_page { background-position: -10.52vw -8.42vw; padding: 5.26vw 0.78vw 11.05vw; }
.pt_content_block { max-width: 62.89vw; }
.pt_content_block .heading_block { margin-bottom: 1.57vw; }
.pt_content_block .heading_block h1 { font-size: 2.52vw; line-height: 3.15vw; margin-bottom: 1.15vw; }
.pt_content_block .heading_block p { font-size: 0.84vw; line-height: 1.36vw; }
.pt_content_block .ptcb_box { padding: 1.05vw 0px; }
.pt_content_block .ptcb_box .ptcb_title { font-size: 0.94vw; line-height: 1.15vw; margin-bottom: 0.52vw; }
.pt_content_block .ptcb_box p { font-size: 0.73vw; line-height: 1.36vw; }

/* helpcenter_page */

.helpcenter_page { background-position: -10.52vw -8.42vw; padding: 5.26vw 4.05vw 2.63vw; }
.helpcenter_page .heading { font-size: 2.52vw; line-height: 3.15vw; margin-bottom: 0.78vw; }
.search_bar { max-width: 36.10vw; margin: 0px auto 2.36vw; }
.search_bar .input-group { padding: 0.15vw; border-radius: 0.31vw; }
.search_bar .input-group input { font-size: 0.63vw; border-radius: 0.31vw; padding: 0.78vw; }


.hccb_card { padding: 3.15vw 0px;  }
.hccb_card_outer { padding: 0.15vw; border-radius: 1.10vw; max-width: 26.31vw;}
.hccb_card_inner { border-radius: 1.10vw; padding: 2.36vw 1.47vw; }
.hccb_card_inner .hccb_icon { width: 4vw; height: 4vw; margin: 0px auto 0.78vw; }

.hccb_card_inner .hccb_title { font-size: 1.57vw; margin-bottom: 0.52vw; }
.hccb_card_inner .hccb_desc { font-size: 0.84vw; line-height: 1.36vw; }

/* helpcenter_detail_page */

.back_btn {position: absolute;	right:4.05vw; top: 0.63vw;}
.back_btn a {font-size: 0.63vw; line-height: 0.78vw;}
.back_btn a img {width: 0.63vw;height: 0.63vw;margin-right: 0.25vw; }

.shadow_div1 { height: auto !important; top: -1.57vw;}
.shadow_div2 { height: auto !important; top: -3.15vw;}

.helpcenter_detail_page {  background-position: -10.52vw -8.42vw; padding: 5.26vw 4.05vw 2.63vw; }

.hcd_outer_block { max-width: 64.94vw; border-radius: 1.10vw; padding: 0.15vw; }
.hcd_inner_block { padding: 2.10vw 1.57vw; border-radius: 1.10vw; }

.article_list { max-width: 16.31vw; }
.article_list h3 { font-size: 1.05vw; margin-bottom: 0.78vw; }
.article_list ul li { margin-bottom: 0.52vw; }
.article_list ul li a { font-size: 0.84vw; }

.hcd_article_content_block { padding: 0px 1.57vw; }
.hcdac_box { padding: 0.78vw 0px; }
.hcdac_box .hcdac_heading { font-size: 1.57vw; margin-bottom: 0.78vw; }
.hcdac_box .hcdac_desc { font-size: 0.84vw; line-height: 1.36vw; margin-bottom: 0.78vw; }

/* blog */

.blog_page { background-position: -10.52vw -8.42vw; padding: 3.15vw 4.05vw 1.57vw; }

.bcb_card { padding: 8.68vw 0px 2.63vw; }
.bcb_card_outer { padding: 0.15vw; border-radius: 1.10vw; max-width: 26.31vw; }
.bcb_card_inner { border-radius: 1.10vw; padding: 7.89vw 2.36vw 2.36vw; }
.bcb_card_inner .bcb_img { max-width: 22.10vw; height: 15.84vw; border-radius: 0.52vw; top: -8.84vw; }
.bcb_card_inner .bcb_img .date { min-width: 6.52vw; border-radius: 0px 1.05vw 0px 0.52vw; font-size: 0.69vw; line-height: 1.36vw; padding: 0.37vw; }
.bcb_card_inner .bcb_img img { border-radius: 0.52vw; }
.bcb_card_inner .bcb_title { font-size: 1.05vw; margin-bottom: 0.52vw; }
.bcb_card_inner .bcb_desc { font-size: 0.73vw; line-height: 1.36vw; }


/* blog detail page */

.blog_detail_page { background-position: -10.52vw -8.42vw; padding: 5.26vw 4.05vw 2.63vw; }
.bd_outer_block { max-width: 64.94vw; border-radius: 1.10vw; padding: 0.15vw; }
.bd_inner_block { padding: 2.63vw 3.68vw; border-radius: 1.10vw; }
.bd_inner_block .blog_title { font-size: 1.57vw; margin-bottom: 1.15vw; }
.bd_inner_block .post_date { font-size: 0.84vw; line-height: 1.36vw; margin-bottom: 0.84vw; }
.bd_inner_block .blog_img {  height: 24.47vw; border-radius: 0.52vw; margin-bottom: 1.10vw; }
.bd_inner_block .blog_img img { border-radius: 0.52vw; }
.bd_inner_block .blog_content p { font-size: 0.84vw; line-height: 1.36vw; margin-bottom: 0.52vw; }
.bd_inner_block .blog_content h4 { font-size: 1.05vw; margin-bottom: 0.52vw; margin-top: 1.57vw; }

.back_page { font-size: 0.73vw; right: 4.05vw; }
.back_page img { width: 0.73vw; height: 0.73vw; margin-right: 0.42vw; }

/*  */
.loader { width: 2.36vw; height: 2.36vw; }

/* feature page */

.feature_page { background-position: -10.52vw -8.42vw; padding: 5.26vw 4.05vw 13.15vw; }
.feature_inside_content_block { max-width: 82.10vw;}

.ficb_banner_block .ficbb_content { max-width: 35.26vw; padding-right: 3.42vw; }
.ficb_banner_block .ficbb_content .banner_heading { font-size: 2.52vw; line-height: 3.15vw; margin-bottom: 1.05vw; }
.ficb_banner_block .ficbb_content .banner_desc { font-size: 0.84vw; line-height: 1.36vw; margin-bottom: 2.10vw; }
.ficb_banner_block .ficbb_content .notext { font-size: 0.63vw; margin-top: 0.78vw; }
.ficb_banner_block .ficb_banner_img { max-width: 38.73vw; height: 26.63vw; }

.feature_list_block { padding-top: 3.68vw; }
.flb_row { padding: 3.15vw; }  
.f_image_block .fi_img { width: 28.94vw; height: 23.68vw; border-radius: 0.52vw; }
.f_image_block .fi_img img { border-radius: 0.52vw; }
.f_image_block .fi_rating_img { width: 15.26vw; height: 6.84vw; margin-left: -6.31vw; }

.f_content_block { max-width: 30.63vw; }
.f_content_block .fcb_heading { font-size: 2.52vw; line-height: 3.15vw; margin-bottom: 1.31vw; }
.f_content_block .fcb_desc { font-size: 0.84vw; line-height: 1.36vw; margin-bottom: 1.31vw; }
.f_content_block .know_more_btn { margin-right: 1.31vw; }


/* feature detail page */

.feature_detail_page {  background-position: -10.52vw -8.42vw; padding: 5.26vw 4.05vw 10.52vw; }
.feature_detail_page .banner_middle_content::before { background-position: 6% 15%, 98% 90%, 5% 90%; }
.feature_social_platforms { padding: 5.26vw 0px 2.63vw; background-position: right 0.89vw; }


/* after login page desgin work */

.after-login-page {background-position: -5.26vw -3.15vw; }
 
.side_nav_bar {  max-width: 17.36vw; padding: 0.52vw 1.57vw;}
.side_nav_bar .site_logo { width: 10.57vw; height: 3.89vw; margin: 0px auto 1.57vw; }

.menu_list { margin-top: 1.05vw;} 
.menu_list ul li { margin-bottom: 0.52vw; padding: 0.10vw;  }
.menu_list ul li a { font-size: 0.73vw; padding: 0.37vw 0.78vw; border-radius: 0.31vw; }
.menu_list ul li > a::before { left: -0.10vw; top: -0.10vw; right: -0.10vw; bottom: -0.10vw; border-radius: 0.31vw; }


.menu_list ul li a img { width: 0.84vw; height: 0.84vw; margin-right: 0.37vw; }
.menu_list ul li .sub--menu { padding: 0.22vw 0.78vw 0px 1.05vw; }
.menu_list ul li .sub--menu a { font-size: 0.63vw; }
.menu_list .count { min-width: 1.05vw; height: 1.05vw; font-size: 0.63vw; right: 0.52vw; top: 0.37vw; line-height: 1.05vw; }
.review_tabs .count { min-width: 1.05vw; height: 1.05vw; font-size: 0.63vw; top: 1.42vw; line-height: 1.05vw;}

.right_content_block { width: 100%; flex: 1; }
.right_content_block .top-header { height: 2.89vw; padding: 0.52vw 1.05vw;}
.right_content_block .top-header .page_title { font-size: 1.05vw; line-height: 1.31vw; }
.right_content_block .top-header .dropdown { margin-right: 0.52vw; }
.right_content_block .top-header .dropdown button { font-size: 0.63vw; }
.right_content_block .dropdown-toggle::after { background-size: 0.63vw; width: 0.63vw; height: 0.63vw; margin-left: 0.52vw; }
.right_content_block .top-header .dropdown-menu { padding: 0.25vw 0; border-radius: 0.31vw; min-width: 8.05vw; top: 1.31vw !important; }
.right_content_block .top-header .dropdown-menu .nav-link { font-size: 0.73vw; padding: 0.25vw 0.52vw; }
.right_content_block .top-header .dropdown-menu .nav-link img { width: 0.84vw; height: 0.84vw; margin-right: 0.52vw; }

.after_login_content_blocks { min-height: calc(100% - 2.89vw); padding: 1.05vw !important;}
.after_login_content_blocks.profile_page { padding-top: 4.21vw !important; }

.heading-block { margin-bottom: 0.52vw; }
.heading-block .hb_heading { font-size: 1.05vw; line-height: 1.31vw; }
.profile_blocks .profile-form { margin-bottom: 2.10vw; }
.heading-block .form-btn { min-width: 5.63vw; padding: 0.15vw 0.52vw; font-size: 0.63vw; line-height: 1.26vw; }

.right_content_block .common-btn { min-width: 6.94vw !important; padding: 0.42vw !important; }

/*  */

.table > thead th { font-size: 0.63vw; line-height: 1.31vw;}
table.dataTable td, table.dataTable th { padding: 0.37vw 0.52vw; }
table.dataTable tbody tr { font-size: 0.57vw; line-height: 1.31vw; }

.table td a.action_btn { width: 1.05vw; height: 1.05vw; }

/*  */

.after_login_content_blocks.add_suggestion_block { padding-top: 4.21vw !important; }
.upload_btn { font-size: 0.63vw; line-height: 1.31vw; padding: 0.31vw 0.52vw; }

/*  */

.add_suggestion_block form .input-group .form-control { padding-left: 0.52vw !important; }

/* radio button */

.radio_div div { margin-right: 2.10vw; }
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label{  padding-left: 1.26vw; line-height: 0.73vw !important; font-size: 0.63vw; }
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before { width: 0.73vw; height: 0.73vw; }
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after { width: 0.52vw; height: 0.52vw; top: 0.10vw; left: 0.10vw; }

.upload-video-box { margin: 0.31vw; outline: 0.31vw solid rgba(243, 243, 243, 1) !important; height: 12.15vw; border-radius: 0.31vw; }
.add_suggestion_block .form-label { font-size: 0.63vw; margin-bottom: 0.25vw; }
.upload-video-box .upload-video {width: 4.21vw; height: 4.21vw;}
.add_suggestion_block  .radio_div { padding-top: 1.57vw; height: 3.78vw; }

/* resources-page */

.resources-page .bd_inner_block { padding: 1.05vw !important; }
.category_outer_block { border-radius: 0.31vw; margin-bottom: 1.05vw; }
.category_outer_block .category-box {  border-radius: 0.31vw; padding: 0.31vw; }
.category_outer_block .category_icon { border-radius: 0.31vw; }
.category_outer_block .category_icon img { border-radius: 0.31vw; }
.category_outer_block .category_body { padding: 0.63vw; }
.category_outer_block .category_body .categroy_title { font-size: 0.84vw; margin-bottom: 0.52vw; }
.category_outer_block .category_body .post_content { font-size: 0.73vw; }


/* chat inbox page */

.chat-box { padding: 1.05vw; height: 33.15vw; }
.admin_content { min-width: 26.31vw; max-width: 26.31vw; margin-bottom: 0.63vw; }
.self_user_content { min-width: 26.31vw; max-width: 26.31vw; margin-bottom: 0.63vw;}

.chat-box .content-box .content_inner { padding: 0.52vw;  }

.admin_content .content-box {  border-radius: 0px 0.31vw 0.31vw 0.31vw; }
.self_user_content .content-box { border-radius: 0.31vw 0px 0.31vw 0.31vw; }
.self_user_content .content-box .content_inner { border-radius: 0.31vw 0px 0.31vw 0.31vw; }
.admin_content .content-box .content_inner { border-radius: 0px 0.31vw 0.31vw 0.31vw; }

.admin_content .content-box p, .self_user_content .content-box p  { font-size: 0.63vw; }
.chat-box .name { margin-bottom: 0.25vw; font-size: 0.63vw;  }
.chat-box .date-time { font-size: 0.63vw; margin-top: 0.25vw; }    

.chat_type_block { padding: 0.52vw 1.05vw; }
.chat_type_block  .input_parent {border-radius: 0.31vw 0px  0.31vw 0.31vw;}
.chat_type_block .form-control { border-radius: 0.31vw 0px 0.31vw 0.31vw; padding: 0.31vw 0.52vw; line-height: 0.94vw; font-size: 0.63vw; }

.chat_type_block .send-btn { margin-left: 1.31vw; font-size: 0.73vw; line-height: 1.26vw; min-width: 6.84vw; padding: 0.31vw 0.52vw; }

.admin_img { margin-right: 0.52vw;  }
.self_img { margin-left: 0.52vw; }
.admin_img, .self_img { width: 2.10vw; height: 2.10vw; }


/*  */

.analtics_page .bd_inner_block { padding: 1.05vw !important; }

/*  */

.cantentpillar_page .after_login_content_blocks { padding-top: 4.21vw !important; }
.cantentpillar_page .bd_inner_block { padding: 1.05vw !important; }
.cantentpillar_page .heading { font-size: 1.05vw; line-height: 1.31vw; margin-bottom: 0.78vw;}
.description_block { font-size: 0.63vw; line-height: 1.31vw; }

/*  */

.post_filter_block { min-height: 3.68vw; padding: 0px 0.52vw; }
.filter_title { font-size: 1.68vw; margin-right: 1.05vw; }
.post_filter_block form .form-group { margin-left: 1.05vw; max-width: 15.78vw; }
.post_filter_block form .input-group { max-width: 22.63vw; }
.post_filter_block .form-control { padding: 0.52vw 0px; font-size: 0.63vw !important; }
.post_filter_block .select2-selection { padding: 0.52vw 0px; font-size: 0.63vw !important; }
.post_filter_block form .input-group-text img { width: 0.73vw; height: 0.73vw; }

.reset-btn { width: 1.05vw; height: 1.05vw; margin-left: 1.05vw; }
.form-select { background-size: 0.63vw; }
.post_filter_block form .input-group .input-group-text { padding: 0.25vw; }

/*  */

.swal2-title{font-size: 1.05vw !important;}
.swal2-html-container{font-size: 0.84vw !important;}
.swal2-modal{width: 23.68vw !important;}

/* select 2 */

.select2-container--default .select2-selection--single .select2-selection__rendered {  font-size: 0.63vw;}
.select2-container--default .select2-selection--single .select2-selection__arrow { width: 0.52vw; background-size: 0.63vw; }

/*  */

.nav-pills { padding: 0.25vw 1.05vw; }
.nav-pills .nav-link { font-size: 0.63vw; border-radius: 0.31vw; padding: 0.37vw 0.63vw; } 
.nav-pills .nav-item { border-radius: 0.31vw; }

.library_page .library_content_block { padding: 1.05vw; }
.library_page .library_content_block  .bd_inner_block { padding: 1.05vw; }
.library_page .category_block .cb_title { font-size: 1.05vw; line-height: 1.31vw; margin-bottom: 1.05vw; }

.category_block {margin-bottom: 1.57vw;}
.masonry-layout { columns: 3; gap: 2rem;}
.category-box { margin-bottom: 1.05vw; border-radius: 0.31vw; }
.category_inside_box { border-radius: 0.31vw; }
.category-box .category-text { padding: 0.63vw 0.63vw; min-height: 3.15vw; background-position: 1.05vw 0.52vw; background-size: 3.68vw;}
.category-box .category-text .category_icon { margin-bottom: 0.52vw; border-radius: 0.52vw;}
.category-box .category-text p { font-size: 0.73vw; }
.category-box .category-footer { padding: 0.52vw; }
.category-footer .boxbtn { font-size: 0.63vw; line-height: 1.26vw; margin-right: 1.06vw; }
.category-footer .boxbtn img { width: 0.78vw; height: 0.78vw; margin-right: 0.25vw; }


/* no mare data */

.no_post { max-width: 33.68vw; border-radius: 0.31vw; margin: 0.52vw auto; padding: 0.10vw; }
.no_data { border-radius: 0.31vw; padding: 1.05vw; }
.img_no_data { max-width: 7.36vw; height: 10.31vw; } 

.nodata_content_block { padding-left: 2.10vw; }
.nodata_content_block h1 { font-size: 1.57vw; }
.nodata_content_block p { font-size: 0.94vw; }


/* modal */

.modal.show .modal-dialog { max-width: 30.52vw !important; }
.modal-content { border-radius: 0.31vw; }
.modal-content .cb_title { font-size: 1.31vw; margin-bottom: 0.78vw; margin-top: 0.52vw; }
.modal-content .btn-close { right: 0.10vw; top: 0.10vw; font-size: 0.52vw; }
.modal-content .post_content {  font-size: 0.63vw !important; line-height: 1.31vw; }
.modal-content .form-btn { min-width: 6.94vw !important; padding: 0.42vw !important; border-radius: 0.22vw; font-size: 0.78vw; }

/*  */

.pagination li .page-link { font-size: 0.63vw; padding: 0.31vw 0.52vw;}


/* saas user */
/* dashboard page */

.main-dashboard-page .card{  padding: 0.10vw; border-radius: 0.52vw; }
.main-dashboard-page .card-body { border-radius: 0.52vw; padding: 1.31vw; }

.main-dashboard-page .card-body .card_title { font-size: 0.73vw; line-height: 1.31vw; margin-bottom: 1.05vw; }
.main-dashboard-page .card-body .counter-value {font-size: 1.26vw; line-height: 1.31vw; margin-bottom: 1.05vw; }
.main-dashboard-page .card-body .view_btn { min-width: 4.42vw; border-radius: 0.22vw; font-size: 0.73vw; padding: 0.31vw;}
.main-dashboard-page .card-body .view_btn img { right: -0.57vw; top: 0.31vw; width: 1.05vw; height: 1.05vw; }

.main-dashboard-page .card-body .svg_icons { width: 3.68vw; height: 3.68vw; border-radius: 1.05vw; }
.main-dashboard-page .card-body .svg_icons img { width: 2.21vw; height: 2.21vw; }

/*  */

.after_login_content_blocks.saas_setting_page { padding-top: 4.21vw !important; }
.uploads_img { margin-top: 0.52vw; width: 9.47vw; height: 4.21vw; border-radius: 0.10vw; padding: 0.52vw; }

.uploads_img .delete_icon { padding: 0.15vw; }
.uploads_img .delete_icon svg { width: 1.05vw; height: 1.05vw; }

.cke_chrome { border-radius: 0.31vw;}
.cke_top {  border-radius: 0.31vw 0.31vw 0px 0px;}

div.dataTables_wrapper div.dataTables_length label { font-size: 0.63vw; }
div.dataTables_wrapper div.dataTables_length select { font-size: 0.63vw; padding: 0.22vw 0.52vw; margin: 0px 0.25vw; }
div.dataTables_wrapper div.dataTables_filter label { font-size: 0.63vw; }
div.dataTables_wrapper div.dataTables_filter input { font-size: 0.63vw; padding: 0.22vw 0.52vw; margin-left: 0.25vw; }
.btn-danger { font-size: 0.63vw; padding: 0.15vw 0.52vw; border-radius: 0.10vw;  width: 6.05vw; padding: 0.25vw; }
.btn-danger svg { width: 1.05vw; height: 1.05vw; }
.btn-primary { padding: 0.15vw 0.52vw; border-radius: 0.10vw; font-size: 0.63vw;  width: 6.05vw; padding: 0.25vw; }
.btn-primary svg { width: 1.05vw; height: 1.05vw; }


.btn-soft-primary { width: 1.26vw; height: 1.26vw; }

input[switch] + label { border-radius: 1.57vw; height: 1.26vw; width: 2.10vw;}
input[switch]:checked + label::after { left: 0.89vw; }
input[switch] + label::after { height: 1.05vw; left: 0.15vw; top: 0.10vw; width: 1.05vw;}

.backbtn { margin-left: 0.52vw; }

.checkbox { padding-left: 1.57vw; font-size: 0.63vw; line-height: 1.26vw; }
.checkmark { top: 0.10vw; left: 0; height: 1.05vw; width: 1.05vw; border-radius: 0.22vw; }
.checkmark::after { left: 0.31vw; top: 0.10vw; width: 0.31vw; height: 0.63vw; }

.check-box-block label.checkbox { width: 33.33%; padding-right: 1.05vw; }
.check-box-block label.checkbox .checkmark { right: 30%; }

.select2-container--default .select2-selection--multiple { padding: 0.22vw 0.52vw !important; }
.select2-container .select2-selection--multiple { min-height: 2.10vw !important; }
.select2-container--default.select2-container--focus .select2-selection--multiple { padding: 0.22vw 0.52vw !important; }


.user_select { margin-bottom: 0.52vw; }
.user_select label { font-size: 0.63vw; margin-bottom: 0.22vw; }
.user_select .form-select { height: 1.47vw; border-radius: 0.10vw; font-size: 0.63vw; line-height: 1.31vw; }

.user_select .select2-selection__rendered { padding-top: 0.15vw !important; padding-bottom: 0.15vw !important; }
.user_select .select2-container--default .select2-selection--single { padding: 0.10vw 0.25vw; }

.select2-container--default .select2-selection--single { border-radius: 0.22vw; padding: 0.42vw; min-height: 2.10vw;}

.bootstrap-tagsinput .tag { font-size: 0.63vw !important; border-radius: 5.26vw; margin: 0.25vw; padding:0.25vw 0.57vw;}
.bootstrap-tagsinput{ font-size: 0.63vw; line-height: 0.84vw; padding: 0.57vw 0.52vw; border-radius: 0.22vw;}
 
.import_post_btn { padding: 0.25vw 0.52vw; border-radius: 0.10vw; font-size: 0.63vw; }
.import_post_btn svg { width: 1.05vw; height: 1.05vw; }

.user_info_block { max-width: 18.94vw; border-radius: 1.05vw; padding: 0.15vw; margin-left: 2.63vw;}
.uib_inner_block { padding: 1.05vw; border-radius: 1.05vw; }
.uib_inner_block h4 { font-size: 0.73vw; line-height: 1.42vw; }
.uib_inner_block p { font-size: 0.73vw; line-height: 1.42vw;}

.delete-div svg { width: 1.05vw; height: 1.05vw;}

.common_post_modal .modal_title { padding: 0.52vw 0px; }
.common_post_modal .category-box .category-text p { font-size: 0.63vw; }

/*  */

.contact-list { padding: 0.63vw !important; }
.contact-list ul li { margin-bottom: 0.52vw; }
.contact-list ul .contact_name .sidenav_badge { font-size: 0.63vw; }
.contact-list ul .contact_name .name { font-size: 0.73vw; }
.contact-list ul .message_content { font-size: 0.63vw; line-height: 1.31vw; }

/*  */

.radio_btn_block [type="radio"]:checked + label, 
.radio_btn_block [type="radio"]:not(:checked) + label { margin: 0.31vw 0px; padding-right: 1.57vw; }
.radio_btn_block > div { width: 27%; margin-right: 6%; }
.radio_btn_block [type="radio"]:checked + label::before, 
.radio_btn_block [type="radio"]:not(:checked) + label::before { left :auto; right: 0; }
.radio_btn_block [type="radio"]:checked + label::after, 
.radio_btn_block [type="radio"]:not(:checked) + label::after {left: auto; right: 0.10vw; }
.radio_btn_block { min-height: 2.10vw; }
.check-box-block { min-height: 2.10vw; }

/*  */

.user_nav_bar { padding: 0.15vw 0.42vw; border-radius: 3.15vw; margin-bottom: 1.05vw; }
.user_nav_bar a { font-size: 0.63vw; line-height: 1.31vw; border-radius: 3.15vw; padding: 0.25vw 0.78vw; }

.common_user_info_page .user_info_block { margin-bottom: 0.78vw; }
.menu_list ul li.collapse_li > a::after { right: 1.57vw; width: 1.05vw; height: 1.05vw; background-size: 0.73vw; }

.common_post_modal.modal.show .modal-dialog { max-width: 60.52vw !important; }

.common_post_modal .modal-content .cb_title { margin-top: 0.52vw; line-height: 1.63vw; }  




}

@media (max-width: 1199px) {

.header_nav { display: block; }
.header_nav li { margin: 15px 15px;}
.header_nav li a { padding: 0;}
.header_nav li a.signupLink { background: linear-gradient(99.65deg, #5F22E2 3.95%, #BF22E2 21.24%, #FB9B2B 100%); font-weight: 600; font-size: 14px; text-align: center; color: #fff; border-radius: 8px; display: block; padding: 7px; min-width: 92px; }
.header_nav li a.signupLink:hover { background: #fff; color: #FF5D2A; }

.banner_section { min-height: 70vh;}
.banner_content_block { max-width: 420px;}
.banner_content_block .banner_heading { font-size: 42px; margin-bottom: 20px;}
.banner_content_block .banner_desc { font-size: 14px; margin-bottom: 22px;}
.business_section .business_title { font-size: 30px;}
.business_section .bus_description { font-size: 14px; margin-bottom: 30px;}
.customer_img { max-width: 430px; height: 320px;}
.customer_content .cc_desc { font-size: 14px; margin-bottom: 20px; line-height: 24px; }
.customer_content .cc_list li { line-height: 24px; margin-bottom: 12px;}
.platform_content .pc_title { font-size: 30px; line-height: 38px; margin-bottom: 14px;}
.platform_links { max-width: 420px; height: 280px;}
.business_section::after {background-position: 0% 100%, 99% 85%; background-size: 50%; }
.social_platforms_block { min-height: auto;}
.pps_top_content_block .pps_title { font-size: 30px; line-height: 36px; }
.pps_top_content_block .pps_card_inside .pps_count { font-size: 30px; line-height: 36px;}
.pps_top_content_block .pps_card_inside .pps_text { font-size: 14px; line-height: 21px;}
.pps_top_content_block .pps_card { margin: 0px 5px;}
.ppsmcb_content_block { padding-right: 0;}
.ppsmcb_content_block .ppsmcb_title { font-size: 30px; line-height: 40px; margin-bottom: 12px;}
.ppsmcb_content_block { padding-right: 0; margin-bottom: 30px;}
.ppsmcb_image_block { justify-content: center;}
.footer_content_block .fcb_title { font-size: 30px; line-height: 40px; max-width: 470px; margin-right: 35px;}
.footer_content_block { min-height: 130px; margin: -75px auto 0px;}
.people_posts_section { padding: 0px 15px 110px;}
.pps_top_content_block { top: -75px; }
.footer_top_content .site_logo { max-width: 160px; height: 65px;}
.footer_nav_bar ul li.title { font-size: 16px;}
.footer_nav_bar ul li a {font-size: 12px;}
.footer_nav_bar ul { max-width: 105px;}
.social_icons li a { width: 24px; height: 24px;}
.auth_left_content_block .alc_title { font-size: 30px; line-height: 40px;}
.plan_inner_block .pib_title { font-size: 24px; margin-bottom: 20px; }
.signup_page .common_form_block { display: block;}
.auth_left_content_block .heading_block { max-width: 500px; margin: 0px auto; text-align: center;}
.plan_try_block { margin-left: auto; margin-right: auto; }
.auth_left_content_block { padding-right: 0px; margin-bottom: 30px;}
.common_form_fields { margin-left: auto; margin-right: auto; }
.auth_page .auth_title { font-size: 24px; margin-bottom: 15px;}
.common_form_block .form-group .form-control { padding: 9px;}
.login_page .common_form_fields { padding: 40px 80px;}
.login_page .common_form_block { max-width: 570px;}
.auth_page .common-btn { min-width: 190px;}


.blog_page { padding: 30px 15px 30px; }
.bcb_card_inner .bcb_img { max-width: 90%; height: 200px;}
.bcb_card_inner .bcb_title { font-size: 16px; line-height: 25px;}
.bcb_card_inner .bcb_desc { font-size: 12px; line-height: 20px;}
.bcb_card_inner .bcb_img .date { line-height: 18px;}
.bcb_card_inner { padding: 105px 15px 20px;}
.bd_inner_block .blog_title { font-size: 22px; margin-bottom: 15px;}
.bd_inner_block .post_date {  font-size: 12px; line-height: 20px;}
.bd_inner_block .blog_content p { font-size: 12px; line-height: 22px;}
.bd_inner_block .blog_content h4 { font-size: 16px;}


.faq_page { padding: 35px 15px 105px;}
.faq_page .faq_inner_block { max-width: 940px;}
.faq_heading_block h1 { font-size: 30px; margin-bottom: 15px;}
.faq_heading_block p { font-size: 12px; line-height: 24px;}
.faq_accordion .accordion-body, .faq_accordion .accordion-body p { font-size: 12px; line-height: 24px;}
.faq_heading_block { margin-bottom: 40px; padding: 0px 15px; }

.helpcenter_page { padding: 30px 15px 20px;}
.helpcenter_page .heading { font-size: 30px; line-height: 40px;}
.search_bar { max-width: 459px; margin: 0px auto 35px;}
.hccb_card_inner .hccb_title { font-size: 20px;}
.hccb_card_inner .hccb_desc { font-size: 12px; line-height: 22px;}
.hccb_card_inner .hccb_icon { width: 50px; height: 50px;}


.helpcenter_detail_page { padding: 60px 15px 30px; }
.article_list h3 { font-size: 16px;}
.article_list ul li a { font-size: 12px;}
.article_list { max-width: 255px;}
.hcd_article_content_block { padding: 0px 20px;}
.hcdac_box .hcdac_heading { font-size: 20px; margin-bottom: 12px;}
.hcdac_box .hcdac_desc { font-size: 12px; line-height: 22px;}


.about_content_block { padding-right: 30px; max-width: 460px;}
.about_content_block .bcb_title { font-size: 30px; line-height: 40px;}
.bb_img_block { width: 460px; height: 460px;}
.about_banner_block { justify-content: center; }
.banner_middle_content .heading_block .bmc_title { font-size: 26px; line-height: 36px; margin-bottom: 17px;}
.about_content_block .bcb_desc { font-size: 12px; line-height: 22px;}
.banner_middle_content .heading_block .bmc_desc { font-size: 12px; line-height: 22px; margin-bottom: 10px;}
.banner_middle_content { padding: 35px 15px 0px;}
.smb_image_block { max-width: 640px; height: 433px;}
.smb_shadow_box { max-width: 730px; height: 330px; }
.social_media_block { padding-top: 30px;}
.banner_middle_content::before { background-size: 90px, 151px, 90px; background-position: 11% 29%, 93% 86%, 12% 85%; }
.about_banner_section { padding-bottom: 50px; }
.about_img_section { height: 330px;}
.about_post_section { padding-top: 50px !important;}

.ppsmcb_content_block .ppsmcb_desc { font-size: 14px; line-height: 22px;}
.pb_heading_block .price_title { font-size: 30px;}
.pb_heading_block .price_desc { font-size: 12px; line-height: 21px;}
.business_inner .bus_title { font-size: 14px;}
.pricing_banner .pib_description { font-size: 12px; line-height: 22px; margin-bottom: 20px;}
.pricing_page .plan_inner_block .bttn_block { padding: 0px 0px;}
.pricing_page { padding: 40px 15px 30px;}

.faq_section { padding: 50px 0px 0px;}
.footer_nav_bar ul { margin-left: 50px;}

.contact_us_page {padding: 30px 20px; display: block;  }
.clc_heading_block .clc_title { font-size: 30px; line-height: 38px; margin-bottom: 12px;}
.clc_heading_block .clc_desc { font-size: 12px; line-height: 22px;}
.other_contact li { font-size: 12px; margin-bottom: 21px;}
.contact_form_block { margin: 50px auto 0px;}
.contact_us_page .auth_title { font-size: 26px; margin-bottom: 18px;}
.contact_us_page .common_form_fields { padding: 25px 35px;}
.ficb_banner_block .ficbb_content .banner_heading { font-size: 30px; line-height: 40px; margin-bottom: 15px;}

.feature_page { padding: 30px 15px 110px;}
.ficb_banner_block .ficbb_content .banner_desc { font-size: 12px; line-height: 21px; margin-bottom: 25px;}
.ficb_banner_block .ficb_banner_img { max-width: 450px; height: 340px;}
.f_content_block .fcb_heading { font-size: 30px; line-height: 39px;}
.f_content_block .fcb_desc { font-size: 12px; line-height: 22px;}
.f_image_block .fi_img { width: 420px; height: 295px;}
.feature_list_block { padding-top: 44px;}
.flb_row { padding: 20px;}
.feature_detail_page { padding: 30px 15px 100px;}
.privacy_and_terms_page { padding: 30px 15px 100px;}
.pt_content_block .heading_block h1 { font-size: 30px; line-height: 36px; margin-bottom: 15px;}
.pt_content_block .ptcb_box p { font-size: 12px; line-height: 22px;}
.pt_content_block .heading_block { margin-bottom: 20px;}

.auth_left_content_block .alc_desc { font-size: 12px; line-height: 22px;}
.contact_us_page .common-btn { font-size: 14px; min-width: 170px;}

.after_login_content_blocks  .bd_inner_block { padding: 20px 15px;}
.masonry-layout { columns: 2;}

.common_post_blocks { flex-wrap: wrap;}
.common_post_blocks .common_form_block { order: 2; flex: auto; }
.user_info_block { margin-left: 0px; order: 1; margin-bottom: 20px;}

.check-box-block label.checkbox .checkmark { right: 10%;}

.side_nav_bar { max-width: 25%; }
.right_content_block { width: 75%;}

.self_user_content, .admin_content {min-width: 100%;max-width: 100%;}



}

@media (max-width: 991px) {

.banner_section { padding: 40px 20px; display: block; min-height: 60vh; background-position: bottom center, 32% 60% !important; } 
.banner_content_block .banner_heading { font-size: 32px;}
.banner_content_block .banner_desc { font-size: 12px; margin-bottom: 22px; line-height: 23px;}
.common-btn { min-width: 145px; font-size: 13px;}

.business_section .business_title { font-size: 24px;}
.business_section .bus_description { font-size: 12px; margin-bottom: 25px;}
.customer_content .cc_title { font-size: 24px; margin-bottom: 14px;}
.customer_content .cc_desc { font-size: 12px; margin-bottom: 15px; line-height: 21px;}
.customer_content .cc_list li {  line-height: 22px; font-size: 12px;}
.customer_block { margin: 40px auto 40px;}
.customer_inner_block { flex-wrap: wrap; }
.customer_img { order: 2; }
.customer_content { padding-left: 0; order: 1;}
.business_section::before { background-size: 110px, 150px, 110px; background-position: 0% 10%, 95% 43%, 2% 53%; }
.customer_img { max-width: 100%; height: 360px; margin-top: 20px;}
.platform_content .pc_title { font-size: 24px; line-height: 30px; margin-bottom: 14px;}
.platform_content .pc_desc { font-size: 12px; line-height: 20px; margin-bottom: 35px;}
.platform_links { max-width: 299px; height: 190px;}
.business_section { padding: 20px 15px 110px;}

.pps_top_content_block  { display: block; }
.pps_top_content_block .pps_title { font-size: 24px; line-height: 30px; margin-bottom: 20px;}
.pps_top_content_block .pps_card_block { width: 100%;}
.pps_top_content_block .pps_card_inside .pps_count { font-size: 24px; line-height: 27px;}
.ppsmcb_content_block .ppsmcb_title { font-size: 24px; line-height: 32px; margin-bottom: 10px;}
.ppsmcb_content_block .ppsmcb_desc { font-size: 12px;}
.footer_content_block .fcb_title { font-size: 24px; line-height: 30px;}

.auth_left_content_block .alc_title { font-size: 24px; line-height: 34px;}
.plan_inner_block .pib_title { font-size: 20px; margin-bottom: 20px;}
.plan_inner_block .pib_list li { font-size: 12px; line-height: 23px; margin-bottom: 13px;}
.auth_page .common-btn { font-size: 13px;}
.auth_page .auth_title { font-size: 22px;}

.about_banner_block { display: block;}
.about_content_block .bcb_title { font-size: 24px; line-height: 34px;}
.about_content_block { padding-right: 0px; max-width: 460px; margin: 0px auto 30px;}
.bb_img_block { width: 360px; height: 360px; margin: 0px auto;}
.banner_middle_content .heading_block .bmc_title { font-size: 22px; line-height: 32px; margin-bottom: 15px;}
.banner_middle_content .heading_block { max-width: 580px;}
.about_post_section { padding-top: 30px !important;}
.pps_middle_content_block { padding: 0px 0px 80px;}

.faq_heading_block h1 { font-size: 24px; margin-bottom: 15px;}
.helpcenter_page .heading {font-size: 24px; line-height: 33px;}
.hccb_card_inner .hccb_title { font-size: 18px;}
.hcdac_box .hcdac_heading { font-size: 18px;}
.pb_heading_block .price_title { font-size: 24px; margin-bottom: 15px; }
.pb_cards { margin-bottom: 65px; flex-wrap: wrap; }
.pricing_page .business_box { margin: 0px 10px 10px; }
.pricing_page { padding: 30px 15px 30px;}
.clc_heading_block .clc_title { font-size: 24px; line-height: 34px;}
.common_img_block .cib_one { max-width: 160px; height: 220px;}
.common_img_block .cib_two { max-width: 160px;}
.common_img_block .cib_three { max-width: 190px; height: 250px; margin-top: -100px;}
.common_img_block .cib_two { margin-left: 15px;}
.common_img_block { width: 345px;}
.clc_heading_block { margin-bottom: 25px;}
.contact_left_content { padding-right: 0px;}
.contact_us_page .auth_title { font-size: 22px;}

.contact_us_page .common-btn { font-size: 12px; min-width: 170px;}

.ficb_banner_block { flex-wrap: wrap;}
.ficb_banner_block .ficbb_content { max-width: 560px; padding-right: 0; margin: 0px auto; order: 2; }
.ficb_banner_block .ficbb_content .banner_heading {  font-size: 24px; line-height: 33px;}
.ficb_banner_block .ficb_banner_img { margin: 0px auto 20px; order: 1; }
.f_image_block { justify-content: center; margin-bottom: 20px; }
.f_content_block { max-width: 582px; width: 100%; margin: 0px auto !important;}
.f_content_block .fcb_heading { font-size: 24px; line-height: 34px;}
.flb_row { padding: 20px 0px;}

.feature_list_block { padding-top: 25px;}
.feature_social_platforms { padding: 30px 0px 20px;}
.pt_content_block .heading_block h1 { font-size: 24px;}
.pt_content_block .heading_block p { font-size: 12px; line-height: 20px;}

.hcd_inner_block { padding: 25px 20px;}

/*  */

.right_content_block .top-header { padding: 8px 10px;}
.top-header .site_logo { width: 110px; height: 44px; } 
.nav_toggle_btn { margin-right: 10px; margin-left: 10px; border-radius: 2px; border: 1px solid #fff; padding: 4px; height: 35px; width: 35px; background: transparent;}
.nav_toggle_btn span { width: 100%; display: block; height: 2px; margin-bottom: 5px; background: #fff;}
.filter_toggle { width: 20px; height: 20px; margin-left: auto; margin-right: 10px; }
.filter_toggle img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.side_nav_bar { height: 100%; width: 0; position: fixed; z-index: 5; top: 0; left: 0; overflow-x: hidden; transition: 0.5s; padding-top: 30px; padding: 0px; background: #000; }
.right_content_block .top-header .dropdown { margin-left: 10px; }
.nav_toggle_btn span:last-child { margin-bottom: 0px !important;}
.side_nav_bar .closebtn { position: absolute; top: 0; right: 14px; font-size: 30px; color: #fff;}
.menu_list { margin-top: 30px; padding: 20px;}

.modal-content .cb_title { font-size: 20px;}
.post_filter_block.collapse:not(.show) { display: none;}

.post_filter_block { display: block; padding: 12px 10px;}


.side_nav_bar { max-width: 290px; }
.right_content_block { width: 100%;}


.user_table {width: 100%;}

}

@media (max-width: 767px) {

.banner_content_block .banner_heading { font-size: 24px; margin-bottom: 12px;}
.banner_content_block .banner_desc { font-size: 12px; margin-bottom: 15px;}
.common-btn { padding: 8px;}
.banner_section { padding: 30px 20px; min-height: 500px;}
.social_platform_inside_block { padding: 20px;}
.pps_top_content_block .pps_card_inside .pps_count { font-size: 20px; line-height: 27px; margin-bottom: 8px;}
.pps_top_content_block .pps_title { max-width: 100%; padding-right: 0px;}
.pps_top_content_block .pps_card_inside { min-height: auto; }
.ppsmcb_image_block .image_box1 { width: 300px; height: 360px;}
.ppsmcb_image_block .image_box2 { width: 270px; height: 270px;}
.ppsmcb_image_block .shadow_div { max-width: 190px; height: 135px; bottom: -30px;}
.pps_top_content_block { top: -40px;}
.customer_block { margin: 30px auto 30px;}
.business_section { padding: 20px 15px 65px;}
.pps_middle_content_block { padding: 0px 0px 40px;}
.footer_content_block .fcb_title { font-size: 20px; line-height: 27px; max-width: 370px; margin-right: 10px;}
.footer_content_block { min-height: 100px; margin: -50px auto 0px;}
.people_posts_section { padding: 0px 15px 80px;}
.footer_nav_bar ul { margin-left: 30px;}

.pps_top_content_block .pps_card_block { justify-content: center;}
.site_logo { width: 120px; height: 45px;}

.bd_inner_block { padding: 20px 15px;}
.bd_inner_block .blog_title { font-size: 20px;}
.bd_inner_block .blog_img { height: 220px;}
.blog_detail_page { padding: 70px 15px 20px;}

.faq_accordion .accordion-item { padding: 12px 0px;}

.hcd_inner_block { padding: 20px 15px;}
.article_list { max-width: 230px;}
.hcdac_box .hcdac_heading { font-size: 16px; margin-bottom: 10px;}
.feature_detail_page { padding: 30px 15px 70px;}
.privacy_and_terms_page { padding: 30px 15px 80px;}

.cantentpillar_page .after_login_content_blocks { padding-top: 55px !important;}
.after_login_content_blocks.add_suggestion_block, .after_login_content_blocks.profile_page{ padding-top: 55px !important;}


.nodata_content_block h1 { font-size: 20px;}
.chat-box { padding: 15px; height: 540px;}
.chat_type_block { padding: 10px 15px;}
.chat_type_block .send-btn { margin-left: 15px;}
.category_outer_block .category_icon { height: 180px;}
.category_outer_block .category_body .post_content { font-size: 13px;}
.radio_div div { margin-right: 25px;}
.add_suggestion_block .radio_div { padding-top: 0px; height: 40px;}
.right_content_block .top-header .dropdown { margin-right: 0px;}

.heading-block .hb_heading { font-size: 18px;}
.after_login_content_blocks.saas_setting_page { padding-top: 55px !important;}

#datatable_wrapper > .row .col-sm-12.col-md-6 { width: 50% !important; }
div.dataTables_wrapper div.dataTables_length { text-align: left !important;}
div.dataTables_wrapper div.dataTables_filter { text-align: right !important; }

.common_post_modal.modal.show .modal-dialog { max-width: 95% !important;}

.check-box-block label.checkbox { width: 50%;}
.radio_btn_block > div { width: 44%; margin-right: 6%;}

.message_content_block {overflow: hidden;}
.message_content_block .contact-btn {width: 200px; margin: 10px auto; }
.message_content_block .contact-btn .btn-primary {  padding: 6px 10px; }




}

@media (max-width: 700px) {

}

@media (max-width: 600px) {

.auth_left_content_block .heading_block::before { display: none !important; }

.customer_img { height: 220px;}
.ppsmcb_image_block .image_box1 { width: 220px; height: 250px;}
.ppsmcb_image_block .image_box2 { width: 190px; height: 190px;}
.platform_content .pc_title { font-size: 20px; line-height: 26px;}
.business_section .business_title { font-size: 20px;}
.banner_content_block .banner_heading { font-size: 20px;}
.customer_content .cc_title { font-size: 20px;}
.pps_top_content_block .pps_title { font-size: 20px; line-height: 26px;}
.ppsmcb_content_block .ppsmcb_title { font-size: 20px; line-height: 27px;}
.footer_content_block { display: block; padding: 20px; text-align: center; }
.footer_content_block .fcb_title { font-size: 20px; line-height: 27px; margin-right: 0px; margin-bottom: 20px; }

.footer_top_content { padding: 26px 15px; display: block;}
.footer_top_content .site_logo { max-width: 120px; height: 50px; margin: 0px auto 20px;}
.footer_nav_bar ul li.title { font-size: 14px;}
.footer_nav_bar ul { margin-left: 0px;}
.footer_nav_bar { width: 100%; display: flex; justify-content: space-between;}

footer .footer_bottom_content { padding: 10px 15px; flex-wrap: wrap; justify-content: center; }
footer .footer_bottom_content .copy-right-text { order: 2; }
.social_icons { order: 1; margin-bottom: 10px; }
.bcb_card { padding: 115px 0px 25px;}

.faq_heading_block h1 { font-size: 20px; margin-bottom: 10px;}
.faq_page { padding: 25px 15px 105px;}
.helpcenter_page .heading { font-size: 20px;}
.hccb_card_inner .hccb_title { font-size: 16px;}

.hcd_inner_block { display: block; }
.article_list { max-width: 100%; border-right: none; border-bottom: 1px dashed #795998; }  
.hcd_article_content_block { padding: 0px 0px;}
.banner_middle_content { padding: 15px 15px 0px;}
.about_content_block .bcb_title { font-size: 20px; line-height: 30px;}
.about_banner_block { padding: 25px 10px;}
.banner_middle_content .heading_block .bmc_title { font-size: 18px; line-height: 28px;}

.smb_image_block { max-width: 90%; height: 235px;}
.smb_shadow_box { max-width: 100%; height: 180px;}
.social_media_block { padding-top: 22px;}
.bb_img_block { width: 300px; height: 300px;}
.banner_middle_content::before { background-position: 0% 54%, 93% 86%, 12% 85%;}

.auth_left_content_block .alc_title { font-size: 20px; line-height: 30px;}
.plan_inner_block .pib_list { display: block;}
.plan_inner_block .bttn_block { display: block;  }
.plan_inner_block .bttn_block .bb_box {width: 100%; text-align: center; margin-top: 15px;}
.plan_inner_block .pib_list li::before { margin-top: 7px;}
.plan_try_block { margin-top: 65px; }

.login_page .common_form_fields { padding: 25px 20px;}
.pb_heading_block .price_title { font-size: 20px; margin-bottom: 12px;}
.faq_section { padding: 35px 0px 0px;}
.clc_heading_block .clc_title { font-size: 20px; line-height: 29px;}
.other_info_block { display: block;}

.contact_us_page .common_form_fields { padding: 20px 20px;}
.ficb_banner_block .ficb_banner_img { max-width: 330px; height: 260px;}
.ficb_banner_block .ficbb_content .banner_heading { font-size: 20px; line-height: 29px;}
.f_image_block .fi_img { max-width: 380px; height: 210px; width: 100%   ; }
.f_content_block .fcb_heading { font-size: 20px; line-height: 29px;}
.feature_detail_page .banner_middle_content::before { background-position: 0% 50%, 94% 83%, 8% 83%;}
.f_content_block .fcb_heading { font-size: 18px; line-height: 28px;}

.pt_content_block .ptcb_box .ptcb_title { font-size: 14px; line-height: 19px;}
.pt_content_block .heading_block h1 { font-size: 20px; margin-bottom: 10px;}



.right_content_block .top-header .page_title { display: none !important; }
.masonry-layout { columns: 1;}
.category_block { margin-bottom: 20px;}
.no_data { display: block; text-align: center; }
.img_no_data { margin: 0px auto 20px;}
.nodata_content_block { padding-left: 0px;}
.admin_content { min-width: 90%; max-width: 90%;}
.self_user_content {min-width: 90%; max-width: 90%;}


#datatable_wrapper > .row .col-sm-12.col-md-6:first-child { width: 40% !important;}
#datatable_wrapper > .row .col-sm-12.col-md-6:last-child { width: 60% !important;}
div.dataTables_wrapper div.dataTables_filter input { width: 140px;}

.common_post_modal .modal-content .category-box .category-text { display: block;}
.modal.show .modal-dialog { max-width: 95% !important; }
.common_post_modal .category-box .category-text .ct_left_block { width: 100%;}
.common_post_modal .category-box .category-text .categroy_content { padding-left: 0px;}
.modal-content .cb_title { margin-bottom: 10px; }

.check-box-block label.checkbox { width: 100%;}
.radio_btn_block > div { width: 94%; margin-right: 6%;}

.common_user_info_page .uib_inner_block h4 { width: 100%;}
.common_user_info_page .uib_inner_block p { width: 100%;}

.user_nav_bar { width: 100%; overflow-x: auto; }
.inner_user_nav_bar { width: 640px; }

.business_section::before { background-position: 0% 10%, 99% 46%, 2% 53%;}

.post_filter_block form { flex-wrap: wrap; }
.post_filter_block form .form-group {margin-left: 0px; max-width: 100%;}
.post_filter_block .select2-container { width: 100% !important; }
.reset-btn { margin-left: 0px; margin-top: 10px;}




}

table.dataTable > tbody > tr.child ul.dtr-details { display: block;}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::before { background: linear-gradient(90deg, #F7333F 0%, #6500FF 100%) !important; }


@media (max-width: 500px) {


}