/*
 Theme Name: ExellarTech
 Author: ExellarTech
 Version: 1.0
*/

/* new Banner css */


/* FONTS */

@font-face {
  font-family: "volte-regular";
  src: url("https://www.webtrixz.com/my_content/themes/Custom-Theme /fonts/Volte-Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Poppins-Regular";
  src: url("https://www.webtrixz.com/my_content/themes/Custom-Theme /fonts/Poppins-Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Poppins-Medium";
  src: url("https://www.webtrixz.com/my_content/themes/Custom-Theme /fonts/Poppins-Medium.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Poppins-Bold";
  src: url("https://www.webtrixz.com/my_content/themes/Custom-Theme /fonts/Poppins-Bold.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Poppins-SemiBold";
  src: url("https://www.webtrixz.com/my_content/themes/Custom-Theme /fonts/Poppins-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Poppins-SemiBoldItalic";
  src: url("https://www.webtrixz.com/my_content/themes/Custom-Theme /fonts/Poppins-SemiBoldItalic.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Poppins-Light";
  src: url("https://www.webtrixz.com/my_content/themes/Custom-Theme /fonts/Poppins-Light.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
}


.main-header {
    padding-bottom: 14px;
}
.site-header .header-logo a.custom-logo-link img {
    position: relative;
    top: 5px;
}

b{
    color:black;
    }

* {
    box-sizing: border-box;
}
.title-heading-div{
    grid-column: 1/-1;
    text-align:center;
    }
.title-heading{
    color: #3f0077;
    font-size:2rem;
    }
.content-image{
    display:flex;
    align-items:center;
    }
html {
    scroll-padding-top: 60px;
}
html, body {
    margin:0;
    padding: 0;
    scroll-behavior: smooth;
    overflow-x: hidden;
}
body {
    font-family: 'Poppins-Regular';
    font-size: 20px;
    color: #000;
    overflow-x: hidden;
    background-color: #fff;
}
a:focus,
button:focus {
    outline: none;
}
a {
    text-decoration: none;
    color: #000;
    font-size: 15px;
}
p {
    color: #4A4A4A;
    font-size: 15px;
    margin: 0;
    line-height: 24px;
}
ul {
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6 {
    color: #000;
    margin: 0;
}
h1 {
    font-family: 'Poppins-Bold';
    font-size: 40px;
}
h2 {
    font-family: 'Poppins-Bold';
    font-size: 38px;
}
h3 {
    font-family: 'Poppins-SemiBold';
    font-size: 36px;
}
h4 {
    font-size: 25px;
    font-family: 'Poppins-SemiBold';
}
img {
    display: block;
    height: auto;
}
::selection {
    background: #013162;
    color: #fff;
}

/* BASICS STYLES */
.reset {
    font-size: 0;
    list-style-type: none;
    padding: 0;
}
.clear {
    clear: both;
}
/*.container {*/
/*    width: 1320px;*/
/*    max-width: 86%;*/
/*    margin: 0 auto;*/
/*}*/
.container {
    width: 1260px;
    max-width: 90%;/*98 to 95*/
  margin: 0 auto;
}

.widget,
.widget ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.pop-bold {
    font-family:'Poppins-Bold';
}
.pop-semi {
    font-family:'Poppins-SemiBold';
}
/* ScrollBar */

/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* button */
::-webkit-scrollbar-button {
    background: #3f0077;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #3f0077;
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #666;
}

/* Track */
::-webkit-scrollbar-track {
    background: #fff;
}

/* The track NOT covered by the handle.
::-webkit-scrollbar-track-piece {
    background: #000;
}

/* Corner */
::-webkit-scrollbar-corner {
    background: #fff;
}

/* Resizer */
::-webkit-resizer {
    background: #fff;
}


/*===========================================
    HEADER
===========================================*/
.header-but a:hover:after,
.header-but button:hover:after {
    transform: rotate(0deg);
    transition: 0.3s;
}
.header-top-bar {
    background: #E1E1E1;
    padding: 5px 0px;
}
.rgt-bar {
    float: left;
    width: 50%;
}
.rgt-bar p {
    font-size: 14px;
    color: #707070;
}
/*.lft-bar {*/
/*    float: right;*/
/*    width: 50%;*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*    flex-wrap: nowrap;*/
/*}*/
.lft-bar {
    float: left;
    width: 42%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: end;
    justify-content: start;
    gap: 25px;
    margin-top: 2px;
}
.lft-bar a {
    font-family: 'Poppins-Medium';
    font-size: 14px;
}
.lft-bar span {
    font-size: 12px;
    color: #707070;
    padding: 2px;
}
.lft-bar p {
    font-size: 14px;
    color: #707070;
}
.rgt-bar a {
    border-bottom: 1px solid #10001E;
}
/**/
.main-header {
    background: #ECECEC;
    border: 1px solid #DFDFDF;
    /*padding: 8px 0px;*/
}
.site-header .header-logo {
    float: left;
    /*width: 15%;*/
    width: 14%;
    padding-right: 15px;
}
.site-header .header-logo a.custom-logo-link img {
    max-width: 98%;
    display: inline-block;
}
.header-navigation {
    float: left;
    margin-top: 17px;
    /*margin-left: -15px;*/
}
.header-navigation ul li.mega-menu-item > a.mega-menu-link {
    font-family: Poppins-Medium !important;
    border: 1px solid transparent !important;
    padding :0 7px !important;
}
.header-navigation ul li.mega-menu-item > a:hover {
    color: #10001E !important;
    border: 1px solid #10001E !important;
    border-radius: 5px !important;
}
.header-navigation ul li.mega-current-menu-item > a {
    color: #10001E !important;
    /*border: 1px solid #10001E !important;*/
    border-radius: 5px !important;
}
.header-navigation ul#mega-menu-header-menu li a span:after {
    margin-left: 2px !important;
}
/*.header-navigation ul li#mega-menu-item-36 > ul.mega-sub-menu {*/
/*    background-color: #ffffff !important;*/
    /*visibility: visible !important;*/
    /*opacity: 1 !important;*/
/*    border-radius: 8px !important;*/
    /*box-shadow: 2px 2px 6px 8px #e1e1e1 !important;*/
/*    top: 45px !important;*/
/*    -webkit-box-shadow: 10px 10px 33px -15px rgb(0 0 0 / 75%) !important;*/
/*    -moz-box-shadow: 10px 10px 33px -15px rgba(0,0,0,0.75) !important;*/
/*    box-shadow: 10px 10px 33px -15px rgb(0 0 0 / 75%) !important;*/
/*}*/
.header-navigation ul > li.mega-menu-item-has-children > ul.mega-sub-menu {
    background-color: #ffffff !important;
    /*visibility: visible !important;*/
    /*opacity: 1 !important;*/
    border-radius: 8px !important;
    /*box-shadow: 2px 2px 6px 8px #e1e1e1 !important;*/
    /*top: 45px !important;*/
    -webkit-box-shadow: 10px 10px 33px -15px rgb(0 0 0 / 75%) !important;
    -moz-box-shadow: 10px 10px 33px -15px rgba(0,0,0,0.75) !important;
    box-shadow: 10px 10px 33px -15px rgb(0 0 0 / 75%) !important;
    padding-bottom: 20px !important;
}
.header-navigation ul li > ul.mega-sub-menu li.widget_text h4 {
    font-size: 22px !important;
    color: #10001E !important;
    border-bottom: 1px solid #10001E !important;
    text-transform: capitalize !important;
    display: inline-block !important;
}
.header-navigation ul li > ul.mega-sub-menu li.mega-menu-item-type-custom{
    padding: 0 0 0 15px !important;
}
.header-navigation ul li > ul.mega-sub-menu li.mega-menu-item-type-post_type{
    padding: 0 15px 0 15px !important;
}
.header-navigation ul li > ul.mega-sub-menu li.mega-menu-item-type-custom a,
.header-navigation ul li > ul.mega-sub-menu li.mega-menu-item-type-post_type a{
    padding: 0 0 0 18px !important;
}
.header-navigation ul li > ul.mega-sub-menu li.mega-menu-item.mega-menu-item-type-custom a::before,
.header-navigation ul li > ul.mega-sub-menu li.mega-menu-item.mega-menu-item-type-post_type a::before{
    position: absolute !important;
    left: 5px !important;
}
.header-navigation ul li > ul.mega-sub-menu li.mega-menu-item a {
    /*padding-left: 20px !important;*/
    margin: 7px 0 0 !important;
    position: relative !important;
    font-weight: 400 !important;
    text-transform: capitalize !important;
    font-size: 16px ;
}
.header-navigation ul li > ul.mega-sub-menu li.mega-menu-item a:before {
     position: absolute; 
    content: '\f0da';
    left: -2px !important;
    font-family: fontawesome !important;
}
.header-navigation ul li > ul.mega-sub-menu li img {
    width: 100%;
    border-left: 1px solid #10001E !important;
    padding-left: 10px;
}

.header-navigation ul > li.mega-menu-item-has-children > ul.mega-sub-menu > li > ul.mega-sub-menu li > ul.mega-sub-menu {
    box-shadow: none !important;
}
.mega-digital-marketing-menu > ul.mega-sub-menu > li > ul.mega-sub-menu > li > ul.mega-sub-menu > li > a.mega-menu-link{
    font-size: 18px !important;
    line-height: 30px !important;
    color: #10001E !important;
    border-bottom: 1px solid #10001E !important;
    /*pointer-events: none !important;*/
    padding-left: 0 !important;
    /*margin-bottom: 20px !important;*/
    text-transform: uppercase !important;
}
.mega-digital-marketing-menu > ul.mega-sub-menu > li > ul.mega-sub-menu > li > ul.mega-sub-menu > li > a.mega-menu-link:hover{
    border: 0px !important;
    border-bottom: 1px solid #000 !important;
    pointer-events: all !important;
    border-radius: 0px !important;    
    padding-left: 0 !important;
}
.mega-digital-marketing-menu > ul.mega-sub-menu > li > ul.mega-sub-menu > li > ul.mega-sub-menu > li > a.mega-menu-link::before{
    display: none !important;
}
.mega-digital-marketing-menu > ul.mega-sub-menu > li > ul.mega-sub-menu > li > ul.mega-sub-menu > li > ul > li{
    padding-left: 0 !important;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-item>a.mega-menu-link{
    font-size: 15px;    
}
.header-but {
    float: right;
    margin-top: 20px;
}
.header-but button {
    cursor: pointer;
    border: 0;
}
.header-but a,
.header-but button {
    /*background: #8B43CB;*/
    background: #3F0077;
    color: #fff;
    font-size: 14px;
    text-align: center;
    border-radius: 10px;
    position: relative;
    padding: 10px 35px 10px 15px;
    /*right: 47%;*/
}
.header-but a:after,
.header-but button::after {
    content: '\f30b';
    font-family: fontawesome;
    position: absolute;
    top: 15px;
    right: 17px;
    transform: rotate(43deg);
    font-size: 12px;
    transition: 0.3s
}
.header-but button::after {
    top: 11px;
}
.header-but a:hover,
.header-but button:hover {
    background: #782DBB;
}
.social-header img {
    max-width:24px;
}
/*only mobile header*/
.mobile-header{
    display:none;
}
/*menu logo*/
.menu-item a img, img.menu-image-title-after, img.menu-image-title-before, img.menu-image-title-above, img.menu-image-title-below, .menu-image-hover-wrapper .menu-image-title-above {
    margin: 0px 0px 10px;
    padding-right: 19px;
}
/*NEW HEADER STYLES */
.digital-marketing-menu > ul.mega-sub-menu {
    width: 900px !important;
    max-width: 900px !important;
}
.digital-marketing-menu > ul.mega-sub-menu > .mega-menu-row {
    width: 100% !important;
    max-width: 100% !important;
}

/* Fixed Header */

header.site-header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    animation: smoothScroll 1s forwards;
    z-index: 9999;
}
@keyframes smoothScroll {
	0% {
		transform: translateY(-40px);
	}
	100% {
		transform: translateY(0px);
	}
}
header.fixed {
    background: #fff;
    padding: 0 0px 0px 0;
    box-shadow: 0px -8px 12px 1px #000000b5;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
    background: rgba(255, 255, 255, 0) ;
   color: #10001e !important;
    font-weight: normal;
    text-decoration: none;
    border-color: #fff;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
    color: #8b43cb !important;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
    /*color: black !important;*/
}
li#mega-menu-item-30 {
    color: #8b43cb !important;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-news-events > a.mega-menu-link:hover {
    color: #8b43cb !important;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item{
    padding: 15px 15px 0px 15px;    
}

.digital-marketing-menu > ul.mega-sub-menu {
    /*width: 600px !important;*/
    max-width: 900px !important;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-3-of-12 {
    width: 33%;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-6-of-12 {
    width: 50%;
}
.website-design-menu > ul.mega-sub-menu {
    width: 480px !important;
}
.website-design-menu li#mega-menu-3012-0 {
    max-width: 480px !important;
}
.mobile-app-menu > a.mega-menu-link {
    font-size: 22px !important;
    color: #10001E !important;
    border-bottom: 1px solid #10001E !important;
    padding-left: 0 !important;
    text-transform: uppercase !important;
}
.mobile-app-menu > a.mega-menu-link:before{
    display:none !important;    
}
.mobile-app-menu > a.mega-menu-link:hover{
    border: 0px !important;
    border-bottom: 1px solid #000 !important;
    pointer-events: all !important;
    border-radius: 0px !important;
    padding-left: 0 !important;
}
.website-design-menu li#mega-menu-item-2969 > a:hover {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-radius: 0px !important;
    border-bottom: 1px solid #10001E !important;
    padding-bottom: 5px !important;
}
.website-design-menu li#mega-menu-item-2969 > a {
    margin-top: 0 !important;
    color: #10001E !important;
    border-bottom: 1px solid #10001E !important;
    padding-left: 0 !important;
    border-radius: 0px !important;
    text-transform: uppercase !important;
    padding-bottom: 5px !important;
}
.social-header a {
    display: inline-block;
    margin-left: 20px;
    height: 20px;
    width: 25px;
}
.header-media {
    float: right;
}

/*===============================================
    FOOTER
===============================================*/
footer.site-footer {
    background: url(https://www.webtrixz.com/media/2022/08/footer-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.footer-top {
    padding: 50px 0;
}
.footer-lft {
    float: left;
    width: 75%;
    display: grid;
    /*grid-template-columns: 68% 30%;*/
    justify-content: space-between;
}
.footer-rgt {
    float: right;
    width: 24%;
    text-align: right;
    margin-left: 10px;
}
.footer-lft-sec-1, .footer-lft-sec-2 {
    display: grid;
    /*grid-template-columns: 0.6fr 0.8fr 1fr 1fr;*/
    grid-template-columns: 0.5fr 0.7fr 1fr 1fr;
    grid-gap: 20px;
    /*display: flex;*/
    flex-direction: row;
    justify-content: space-between;
    position: relative;
}
.footer-lft-sec-1 > section, .footer-lft-sec-2 > section {
    width: 100% !important;
}
.footer-lft-sec-2, .footer-lft-inrgt section#nav_menu-9 {
    margin-top: 60px;
    justify-content: flex-start;
}
.footer-lft-inrgt section#nav_menu-9 {
    margin-top: 42px;
}
.footer-lft .widget_nav_menu {
    width: 25%;
}
.footer-lft section#nav_menu-4 {
    width: 45%;
}
.footer-lft-inrgt .widget {
    width: 100%;
}
.footer-lft-sec-2 .widget_nav_menu {
    width: 30%;
    margin-right: 10px;
}
.footer-lft-sec-2 section#text-2 {
    position: absolute;
    top: -30px;
}
.footer-lft-inlft h4.widget-title, .footer-lft-inrgt h4.widget-title, .footer-rgt h4.widget-title {
    color: #fff;
    font-family: 'Poppins-SemiBold' !important;
    font-size: 16px;
    margin-bottom: 10px;
}
.footer-top section.widget_nav_menu h4 i,
.footer-lft-sec-2 section.widget_text h4 i {
    display: none;
}
.footer-lft-sec-1 li#menu-item-84 {
    color: #CBCBCB;
    font-size: 14px;
    font-family: 'Poppins-Light';
}
.footer-lft-inlft .menu-item, .footer-lft-inrgt .menu-item {
    line-height: 17px;
    margin-bottom: 11px;
}
.footer-lft-inlft .menu-item a, .footer-lft-inrgt .menu-item a {
    font-family: 'Poppins-Light';
}


.footer-rgt section {
    margin-bottom: 40px;
}
.ph-info a {
    color: #fff;
}
.footer-rgt .widget_media_image img {
    margin-right: 0;
    margin-left: auto;
}
.ph-info i.fa-light.fa-phone, .mail-info i.fa-light.fa-envelope {
    font-family: 'FontAwesome';
    font-size: 16px;
    padding-right: 7px
}
.footer-rgt .widget_text span, .footer-rgt .widget_text p, 
.footer-bottom-menu ul li a,  .footer-bottom p, 
.footer-lft-inlft .menu-item a, .footer-lft-inrgt .menu-item a, .footer-rgt .widget_text p a {
    color: #fff;
    /*font-size: 14px;*/
    font-size: 16px;
}
.social-icons {
    display: block;
    margin-top: 120px;
}
.social-icons a {
    display: inline-block;
}
.social-icons img {
    padding-left: 30px;
    max-width: 55px;
}
/*.social-icons {*/
/*    display: flex;*/
/*    position: relative;*/
/*    top: 69px;*/
/*    right: -70px;*/
/*}*/

.footer-bottom-menu {
    display: none;
    border: 1px solid #D29EFF;
    padding: 10px 0;
}
.footer-bottom-menu ul.menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.footer-bottom-menu ul li a {
    font-family: 'Poppins-SemiBold';
}
.footer-bottom {
    background: #8e69d5;
    padding: 10px 0;
}
.footer-bottom p {
    text-align: center;
}

.svg-imgs {
    position: relative;
}

.svg-imgs img.svg1 {
    top: 20px;
    left: 3%;
}
.svg-imgs img.svg2 {
    top: 200px;
    left: 3%;
}
.svg-imgs img.svg3 {
    left: 1%;
    top: 400px;
}
.svg-imgs img.svg4 {
    right: 2%;
    top: 400px;
}
.svg-imgs img.svg5 {
    right: 30%;
}
.svg-imgs img.svg6 {
    right: 5%;
    top: 300px;
}
.svg-imgs img.svg7 {
    top: 150px;
    right: 3%;
    width: 12px;
}
.svg-imgs img.svg8 {
    top: 500px;
    left: 12%;
}
.svg-imgs img.svg9 {
    position: absolute;
    right: 50%;
    top: -20px;
}
.svg-imgs img.svg10 {
    top: 500px;
    right: 50%;
}

.svg-imgs img.svg1,
.svg-imgs img.svg2,
.svg-imgs img.svg3,
.svg-imgs img.svg4,
.svg-imgs img.svg5,
.svg-imgs img.svg6,
.svg-imgs img.svg7,
.svg-imgs img.svg8,
.svg-imgs img.svg9, 
.svg-imgs img.svg10{
    z-index:0;
    position: absolute;
}


/*GENERAL */

.text-center {
    text-align: center;
}

/* Mobile Header */
.header-mobile-menu {
    display: none;
}


/* Enquire */

form .hide {
    display: none !important;
}

/* Woocommerce */

.woocommerce-info {
    border-top-color: #013162;
}
.woocommerce-info::before {
    color: #013162;
}

/* 404 */

.no-page-found {
    margin: 40px 0;
    text-align: center;
}
.no-page-found p {
    margin-bottom: 10px;
}
.no-page-found a {
    background: #013162;
    color: #fff;
    padding: 12px 15px;
    display: inline-block;
}

/*===================================================
    HOME
===================================================*/
.home-blogs {
    background: #fff;
    padding-bottom: 30px;
}
.banner-content {
    background: #fff;
    padding: 50px 0px;
    position: relative;
    z-index: 0;
}
.banner-info {
    float: left;
    padding-top:120px;
}
.banner-img {
    width: 50%;
    float: right;
    position: relative;
}
.banner-info h2, .banner-info h3 {
    font-size: 70px;
    color: #3F0077;
    line-height: 60px;
    position: relative;
    z-index: 99;
}
.banner-info h2:before {
    position: absolute;
    content: '';
    left: -70px;
    top: -60px;
    width: 140px;
    height: 100px;
    background: url(https://www.webtrixz.com/media/2022/08/Group-1049.svg) no-repeat;
    background-size: contain;
    z-index: -1;
}
.banner-info h3 {
    color: transparent;
    -webkit-text-stroke: 2px #3f0077;
    margin-top: 20px; 
}
.banner-info a {
    color: #3F0077;
    border-radius: 10px;
    position: relative;
    /*padding: 5px 37px 5px 30px;*/
    margin-top: 30px;
    border: 2px solid #3F0077;
    display: inline-block;
    padding: 10px 35px 10px 15px;
}
.banner-info .link-light {
    background: #3F0077;
    color: white;
}
.banner-link-group {
    display: flex;
    margin-top: 30px;
    gap: 5px;
}
.banner-link-group a {
    margin-top: 0;
}
.banner-info .link-light:hover {
    background: transparent;
    color: #3F0077;
}
/*.banner-info a::after {*/
/*    content: '\f30b';*/
/*    font-family: fontawesome;*/
/*    position: absolute;*/
/*    top: 12px;*/
/*    left: 123px;*/
/*    transform: rotate(43deg);*/
/*    font-size: 12px;*/
/*    transition: 0.3s;*/
/*}*/
.banner-info a::after {
    content: '\f30b';
    font-family: fontawesome;
    position: absolute;
    transform: rotate(43deg);
    top: 50%;
    right: 10px;
    translate: 0 -50%;
    margin-top: 0;
    font-size: 12px;
    transition: 0.3s;
}
.banner-img img {
    width: 100%;
}
.banner-info a:hover {
    transition: 0.2s;
    color: #fff;
    /*background: #8B43CB;*/
    background: #3F0077;
}
.banner-info a:hover:after {
    transform: rotate(1deg);
    transition: 0.2s;
}
.banner-svgs, .elements {
    position: relative;
    z-index: 1;
    left: 0;
    right: 0;
}
.banner-svgs img {
    position: absolute;
    z-index: 1;
}
.form-on-banner {
    max-width: 373px;
}
.form-on-banner .wpcf7-response-output {
    font-size: 14px;
    margin: 10px 0 0 0 !important;
}
.breadcrumb {
    z-index: 99;
    position: relative;
}
.fbc-page .fbc-wrap .fbc-items li:first-child {
    padding-left: 0
    }

.elements img {
    position: absolute;
    width: auto;
    max-width: 8px;
}
img.ban-svg2, img.ban-svg4 {
    top: 130px;
}
img.ban-svg1, img.ban-svg5, 
img.ban-svg6, img.ban-svg3 {
    max-width: 20px;
}
img.ban-svg1 {
    right: 20%;
}
img.ban-svg2 {
    right: 5%;
}
img.ban-svg3 {
    top: 200px;
    right: 35%;
}
img.ban-svg4 {
    right: 45%;
}
img.ban-svg5 {
    top: 60px;
    right: 40%;
}
img.ban-svg6 {
    right: 35%;
}
img.ban-svg7 {
    right: 55%;
}
.elements img.elem1 {
    right: 20%;
    max-width: 16px;
}
.elements img.elem2 {
    left: 20%;
}
.elements img.elem3 {
    right: 45%;
}
.elements img.elem4 {
    left: -60px;
    top: -70px;
    max-width: 14px;
}


.com-info, .our-key-con {
    background: #fff;
    padding: 50px 0;
    position: relative;
}
.com-info-content {
    background-color: #f0dfff;
    text-align: center;
    padding: 40px 30px;
    position: relative;
    z-index: 99;
    border-radius: 10px;
}
.com-info-content:before {
    position: absolute;
    content: '';
    background: url(https://www.webtrixz.com/media/2022/08/Mask-Group-2.svg) no-repeat;
    width: 140px;
    height: 140px;
    left: -80px;
    bottom: -60px;
    z-index: -1;
}
.com-info-content h1 {
    font-size: 25px;
}
.com-info-content h4,
.com-info-content h1 {
    color: #10001E;
    margin-bottom: 10px;
    font-family: 'Poppins-Bold';
}
.com-info-content p {
    font-size: 16px;
    color: #4A4A4A;
    line-height: 26px;
}
.com-info-content strong {
    color: #8B43CB;
}

.our-key-con:after {
    position: absolute;
    content: '';
    background: url(https://www.webtrixz.com/media/2022/08/Group-238.svg) no-repeat;
    width: 150px;
    height: 150px;
    top: 0;
    right: 0;
}
.our-key-header {
    text-align: center;
    position: relative;
}
.title-icon h3 {
    font-size: 25px;
    color: #10001E;
}

.our-key-info ul {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 35px;
    padding: 19px 0;
}
.our-key-info ul li {
    box-shadow: 0px 0px 10px #10001e0d;
    border: 1px solid #f1f1f1;
    border-radius: 10px;
    padding: 20px;
    cursor: pointer;
}
.our-key-info ul li:hover {
    /*box-shadow: 0px 0px 10px #10001e0d;*/
    /*border: 1px solid #FFFFFF;*/
    /*border-radius: 5px;*/
}
.our-info h4 {
    text-align: center;
    color: #10001E;
    font-family: 'Poppins-SemiBold';
    font-size: 16px;
    margin-top: 10px;
}
.our-info {
    /*transform: scale(1.03);*/
    padding: 15px;
    background: #EEEEEE;
    /*box-shadow: 0px 0px 10px #10001e1a;*/
    border-radius: 10px;
    cursor: pointer;
    transition: 0.2s;
    position: relative;
}
.our-info img, .our-info h4 {
    position: relative;
    z-index: 999;
}
.our-info::after {
    content: "";
    background: #EEEEEE;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    z-index: 1;
    border-radius: 10px;
    transform: scale(1.04);
    transition: 0.3s;
}
.our-key-info ul li:hover .our-info::after {
    transform: scale(1);
    transition: 0.3s;
    /*box-shadow: 0px 0px 20px #10001E0D;*/
    box-shadow: 0px 0px 10px #10001e1a;
}
.our-info.inner-porttitle h3, .our-info.inner-porttitle h4 {
    position: relative;
    z-index: 99;
}
.our-info:hover {
    cursor: pointer;
}
.our-info img {
    margin: 0 auto;
}
.ser-info {
    float: left;
    width: 47%;
}
.ser-info p {
    line-height: 26px;
}
.ser-img {
    width: 50%;
    float: right;
}

.service-info {
    background: #F1F1F1;
    padding: 50px 0;
    position: relative;
    overflow: hidden;
    z-index: 99;
}

.service-info:before {
    content: '';
    position: absolute;
    background: url(https://www.webtrixz.com/media/2022/08/Group-162-1.svg) no-repeat;
    top: -80px;
    left: 0;
    z-index: -1;
    width: 250px;
    height: 250px;
    background-size: contain;
}

.serv-header {
    padding-left: 30px;
}
.serv-header.title-icon {
    margin-bottom: 29px;
}
.serv-header h3 {
    color: #10001E;
    font-size: 25px;
}
.serv-header.title-icon h3:after {
    top: auto;
    bottom: 8px;
}

.ser-info p strong {
    color: #8B43CB;
}
.ser-img-sec {
    width: 50%;
    float: right;
    position: relative;
}
.ser-img-sec img.ser-img {
    width: 100%;
    border-radius: 10px;
}
.ser-img-sec:after {
    position: absolute;
    content: '';
    background: url(https://www.webtrixz.com/media/2022/08/Group-336.svg) no-repeat;
    width: 70px;
    height: 120px;
    left: -20px;
    bottom: -50px;
    background-size: contain;
}
.choose-us-sec {
    background: #fff;
    padding: 50px 0;
}
.choose-sec-header {
    text-align: center;
    position: relative;
    margin-bottom: 25px;
}

.choose-us-detail ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 35px;
    list-style: none;
    padding: 0 30px;
}

.choose-img {
    position: relative;
    overflow: hidden;
}
.choose-img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: #8b43cb;
    bottom: 0;
    opacity: 0.5;
    z-index: 0;
    transition: 0.3s;
}
.choose-img:hover:after {
    background: none;
    transition: 0.3s;
}
.choose-img img {
    width: 100%;
}
/*.choose-img span {*/
/*    position: absolute;*/
/*    bottom: 36px;*/
/*    left: 0px;*/
/*    right: 0;*/
/*    text-align: center;*/
/*    font-family: 'Poppins-SemiBold';*/
/*    background-color: #8B43CB;*/
/*    width: 50%;*/
/*    font-size: 16px;*/
/*    padding: 8px 36px 8px 19px;*/
/*    color: #fff;*/
/*    margin: 0 auto;*/
/*    border-radius: 10px;*/
/*    opacity: 0;*/
/*    z-index: 9;*/
/*}*/
.choose-img span {
    position: absolute;
    bottom: 15px;
    left: 0px;
    right: 0;
    text-align: center;
    font-family: 'Poppins-SemiBold';
    background-color: #8B43CB;
    width: 50%;
    font-size: 16px;
    padding: 8px 36px 8px 19px;
    color: #fff;
    margin: 0 auto;
    border-radius: 10px;
    opacity: 0;
    z-index: 9;
    right: -430px;
    width: 150px;
    transition: 0.7s;
}
.choose-us-detail ul li a:hover span {
    opacity: 1;
    right: 0;
    transition: 0.7s;
}
.choose-img span::after {
    content: '\f30b';
    font-family: fontawesome;
    position: absolute;
    top: 14px;
    right: 18px;
    transform: rotate(43deg);
    font-size: 12px;
    transition: 0.3s;
}

.choose-img span:hover:after {
    transform: rotate(1deg);
    transition: 0.3s;
}
.choose-content {
    text-align: center;
}
.choose-content h4 {
    color: #10001E;
    font-family: 'Poppins-SemiBold';
    font-size: 20px;
    margin-top: 10px;
}
.choose-content p {
    color: #4A4A4A;
    font-size: 16px;
    margin-top: 4px;
}
/**/
.sets-us-sec {
    padding: 50px 0;
    background: #fff;
}
.sets-us-detail {
    background-color: #ECD6FF;
    border-radius: 10px;
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    z-index: 99;
}
.sets-us-detail:before,
.sets-us-detail:after {
    position: absolute;
    content:'';
    background-size: contain;
    background-repeat: no-repeat;
}
.sets-us-detail:before {
    background-image: url(https://www.webtrixz.com/media/2022/08/Group-159.svg);
    width: 55px;
    height: 55px;
    right: -20px;
    top: -20px;
    z-index: -1;
}
.sets-us-detail:after {
    background-image: url(https://www.webtrixz.com/media/2022/08/Group-4.svg);
    width: 75px;
    height: 75px;
    left: 0;
    bottom: -30px;
}
.sets-us-content {
    padding: 30px 40px;
}
.sets-us-content p,
.sets-us-content ul li{
    font-family: 'Poppins-Medium';
    font-size: 15px;
    line-height: 25px;
    color: #040404;
}
.sets-us-content ul {
    padding-left: 30px;
}
.sets-us-content ul li{
    
    margin-bottom:10px;
}    
.sets-us-content p strong {
    color: #8B43CB;
}
.sets-img img {
    width: 100%;
    border-radius: 10px !important;
}
/**/
.snap-sec-header {
    text-align: center;
    position: relative;
    margin-bottom: 20px;
}
.snap-sec {
    background-color: #fff;
    padding: 50px 0;
}
.snap-detail-sec ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
    list-style: none;
}
.snap-detail-sec ul li {
    border: 2px dashed #D29EFF;
    border-radius: 10px;
    padding: 20px 20px 25px;
    position: relative;
}
.snap-detail-sec ul li:HOVER {
    border: 2px solid #D29EFF;
}
.snap-detail-sec h4 {
    color: #10001E;
    font-family: 'Poppins-SemiBold';
    font-size: 20px;
    margin-bottom: 8px;
}
.snap-detail-sec p {
    color: #4A4A4A;
    font-size: 15px;
    padding-bottom: 10px;
    width: 100%;
    font-family: 'Poppins-Regular';
    padding-right: 40px;
    line-height: normal;
}
.snap-detail-sec ul li p br {
    display: none;
}
.snap-img-cont {
    position: absolute;
    bottom: 15px;
    right: 16px;
}
.snap-img-cont::before {
    content: "";
    position: absolute;
    background-image: url(https://www.webtrixz.com/media/2023/03/services-bg.png);
    height: 100px;
    width: 100px;
    position: absolute;
    background-size: contain;
    left: -30px;
        background-repeat: no-repeat;
}
.snap-detail-sec img.snap-img {
    height: 60px;
    width: 60px;
    object-fit: contain;
    position: relative;
}
.snap-detail-sec a {
    background: #8B43CB;
    color: #fff;
    font-size: 14px;
    text-align: center;
    border-radius: 10px;
    position: relative;
    padding: 8px 36px 8px 25px;
}
/*.snap-detail-sec a:after {*/
/*    content: '\f063';*/
/*    font-family: fontawesome;*/
/*    position: absolute;*/
/*    top: 9px;*/
/*    right: 18px;*/
/*    transform: rotate(306deg);*/
/*    font-size: 12px;*/
/*    transition: 0.3s;*/
/*}*/
.snap-detail-sec a::after {
    content: '\f30b';
    font-family: fontawesome;
    position: absolute;
    top: 13px;
    right: 18px;
    transform: rotate(43deg);
    font-size: 12px;
    transition: 0.3s;
}

.snap-detail-sec a:hover:after {
    transform: rotate(1deg);
    transition: 0.3s;
}
.snap-detail-sec a:hover {
    background: #782DBB;
    transition: 0.3s;
}
/*.snap-detail-sec ul li:last-child {*/
/*    grid-column: 2/3;*/
/*}*/

.choose-img span {
    width: 52%;
}
.testimonail-sec {
    background-color: #fff;
    padding: 50px 0;
}
.testimonail-header {
    text-align: center;
    position: relative;
    margin-bottom: 21px;
}
.testimonail-header h4 {
    color: #10001E;
    font-family: 'Poppins-SemiBold';
}
.testimonail-header img.test-svg1 {
    position: absolute;
    top: 8px;
    left: 559px;
}
.testimonail-header img.test-svg2 {
    position: absolute;
    top: 8px;
    left: 743px;
}


.profile-info {
    background: url(https://www.webtrixz.com/media/2022/08/Path-918.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;
    /*height: 300px;*/
    min-height: 420px;
    width: 92%;
    padding: 28px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.profile-info p {
    color: #fff;
    font-size: 14px;
}
.slider-content img.test-img {
    width: 100%;
    max-width: 23%;
    display: none;
}
.slider-content {
    position: relative;
    padding: 0 40px;
    /*margin-top: 17px;*/
    margin-top: 0px;
    align-items: center;
    display: flex;
}
.slider-content img, .slider-content h4, .slider-content span {
    position: static !important;
}
.slider-content span {
    color: #4A4A4A;
    font-size: 16px;
    margin-top: 5px;
    line-height: 20px;
    display: block;
}
.slider-content h4 {
    color: #10001E;
    font-family: 'Poppins-SemiBold';
    font-size: 18px;
}
ul.slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
}
button.slick-next.slick-arrow {
   display: none !important;
}
button.slick-prev.slick-arrow {
    display: none !important;
}
.clients-sec {
    background-color: #fff;
    padding: 50px 0;
}
.clients-header img.client-svg2 {
    position: absolute;
    top: 9px;
    left: 730px;
}
.clients-header img.client-svg1 {
    position: absolute;
    top: 8px;
    left: 569px;
}
.clients-header {
    position: relative;
    text-align: center;
}
.clients-header h4 {
    color: #10001E;
    font-size: 25px;
    font-family: 'Poppins-SemiBold';
}
.clients-info ul {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 17px;
    list-style: none;
    margin: 40px auto;
}
.clients-info ul li img.clients-imgs {
    margin: 0px auto;
    /*filter: grayscale(1);*/
    max-width: 160px;
    height: 80px;
    object-fit: contain;
    object-position: center;
}
.clients-info ul li img.clients-imgs:hover {
    filter: grayscale(0);
}
.faq-sec {
    background-color: #fff;
    padding: 50px 0;
}
.faqs-header {
    text-align: center;
    position: relative;
}
.faqs-header h4 {
    color: #10001E;
    font-family: 'Poppins-SemiBold';
    font-size: 25px;
    margin-bottom: 30px;
}
.faqs-header img.faqs-svg1 {
    position: absolute;
    top: 8px;
    left: 602px;
}
.faqs-header img.faqs-svg2 {
    position: absolute;
    top: 7px;
    left: 695px;
}
.faqs-accordian .panel-heading .accordion-toggle {
    width: 100%;
    display: block;
    padding: 10px 30px;
    text-decoration: none;
}
.faqs-accordian {
    float: left;
    width: 49%;
    margin-right: 20px;
}
.faqs-accordian-2 {
    float: right;
    width: 49%;
}
.accordion-container .set {
    position: relative;
    background-color: #e3e3e3;
    margin-bottom: 20px;
    border-radius: 5px;
    /*border: 1px solid #C4C4C4;*/
    border-radius: 10px;
}
.accordion-container .set > a {
    font-size: 16px;
    line-height: 20px;
    color: #10001E;
    transition: all 0.2s linear;
    font-family: 'Poppins-SemiBold';
    padding: 15px;
    border-radius: 10px;
    display: flex;
    /*border-bottom: 1px solid #C4C4C4;*/
    align-items: center;
    justify-content: space-between;
    min-height: 70px;
    padding: 25px 25px 0;
    pointer-events: none;
}
.accordion-container .content {
    display: none;
    color: #10001E !important;
    font-size: 15px;
    padding: 10px 25px 25px;
    font-family: 'Poppins-Regular';
    border-radius: 5px;
}
.faq-main-section .accordion-container .content {
    display: block !important;
}
.faq-accordian-2 .accordion-container .set > a {
    border-bottom: 0;
    padding: 18px 25px 0;
}

.accordion-container.acc-cont-2 .content {
    padding: 5px 25px 25px;
}
.set > a i {
    border: 1px solid #E1E1E1;
    border-radius: 25px;
    color: #fff;
    background: #C4C4C4;
    padding: 2px 6px;
    font-size: 15px;
    margin-left: 10px;
    display: none !important;
}

/* About us */
.about-banner {
    background-color: #fff;
    padding: 42px;
    overflow: hidden;
}
.about-banner-svgs {
    position: relative;
}
.about-banner-svgs img.about-svg1 {
    position: absolute;
    top: 220px;
    left: 550px;
}
.about-banner-svgs img.about-svg2 {
    position: absolute;
    top: 60px;
    left: 707px;
}
.about-banner-svgs img.about-svg3 {
    position: absolute;
    top: 490px;
    left: 580px;
    width: 30px;
}
.about-banner-svgs img.about-svg4 {
    position: absolute;
    top: -59px;
    right: 520px;
}
.about-banner-svgs img.about-svg5 {
    position: absolute;
    top: 310px;
    right: 290px;
}
.about-banner-svgs img.about-svg6 {
    position: absolute;
    top: 70px;
    right: 270px;
}
.about-banner-svgs img.about-svg7 {
    position: absolute;
    top: 520px;
    right: 180px;
}
.about-banner-header {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 130px 0px 130px 0px;
    border-radius:7px;
}
.about-ban-title h2.color-title {
    color: #3F0077;
    font-family: 'Poppins-Bold';
    font-size: 45px;
    line-height: 55px;
}
.about-ban-title h2.color-title span {
    margin-left: 17px;
    color: transparent;
    -webkit-text-stroke: 2px #3f0077;
    text-stroke: 2px #3F0077;
}
.about-ban-title span.sub-title {
    color: #FDD835;
    font-family: 'Poppins-SemiBold';
    font-size: 18px;
}
.about-counter-inner ul {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}
/*.about-conter {*/
/*    background-color: #ECECEC;*/
/*    padding: 60px 0;*/
/*    background-repeat: no-repeat;*/
/*    background-position: center;*/
/*    background-size: 100%;*/
/*}*/
.about-conter {
    background-color: #fff;
    padding: 30px 0 70px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.about-counter-inner h4 {
    text-align: center;
    color: #10001E;
    font-family: 'Poppins-SemiBold';
    font-size: 22px;
}
.about-counter-inner h3 {
    text-align: center;
    color: #10001E;
    font-family: 'Poppins-SemiBold';
    font-size: 28px;
}
span.counter:after {
    content: '+';
    font-size: 28px;
    font-family: 'Poppins-SemiBold';
    padding-left: 8px;
}
.about-counter-inner ul li:last-child span.counter:after {
    font-size: 0px;
}
.company-pro-sec {
    background-color: #fff;
    padding: 50px 0;
}
.pro-info {
    text-align: center;
    background: url(https://www.webtrixz.com/media/2022/08/Rectangle-703.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 37px 26px;
}
.pro-info h4 {
    color: #10001E;
    font-family: 'Poppins-SemiBold';
    font-size: 28px;
    margin-bottom: 10px;
}
.pro-info p {
    color: #4A4A4A;
    font-size: 16px;
    line-height: 26px;
}
.pro-info p strong {
    color: #8B43CB;
}
.pro-info a {
    color: #10001E;
    font-family: 'Poppins-SemiBold';
    border-bottom: 1px solid #10001E;
}
.about-our-sec {
    /*background-color: #f1f1f1;*/
    padding: 50px 0;
}
.about-our-furture {
    float: left;
    width: 47%;
}
.about-our-promise {
    float: right;
    width: 47%;
}
.our-furture-header {
    position: relative;
    margin-bottom: 15px;
}

.our-furture-header h3 {
    color: #10001E;
    font-family: 'Poppins-SemiBold';
    font-size: 28px;
    margin-left: 27px;
}
.our-furture-header img.fur-svg1 {
    position: absolute;
    top: 11px;
    left: 0;
}
.our-furture-header img.fur-svg2 {
    position: absolute;
    top: 12px;
    left: 330px;
}
.our-furture-content img {
    width: 100%;
    border-radius: 5px;
}

.our-furture-content p {
    color: #4A4A4A;
    font-size: 16px;
    margin-top: 13px;
}
.our-promise-header {
    position: relative;
    margin-bottom: 15px;
}
.our-promise-header h4 {
    color: #10001E;
    font-family: 'Poppins-SemiBold';
    font-size: 28px;
    padding-left: 27px;
}
.our-promise-header img.pro-svg1 {
    position: absolute;
    top: 10px;
    left: 0;
}
.our-promise-header img.pro-svg2 {
    position: absolute;
    top: 10px;
    left: 205px;
}
.our-promise-content img {
    width: 100%;
    border-radius: 5px;
}
.our-promise-content p {
    color: #4A4A4A;
    font-size: 16px;
    margin-top: 13px;
}

.our-team-sec {
    background: url('https://www.webtrixz.com/media/2022/08/Rectangle-722.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 50px 0;
}
.our-team-header {
    position: relative;
    margin-bottom: 15px;
}
.our-team-header h3 {
    color: #10001E;
    font-family: 'Poppins-SemiBold';
    font-size: 28px;
    padding-left: 27px;
}
.our-team-header img.team-svg1 {
    position: absolute;
    top: 10px;
    left: 3px;
}
.our-team-header img.team-svg2 {
    position: absolute;
    top: 11px;
    left: 171px;
}
.our-team-img {
    float: left;
    width: 47%;
}
.our-team-img img {
    width: 100%;
    border-radius: 5px;
}
.our-team-img-2 {
    float: right;
    width: 47%;
}
.our-team-img-2 img {
    width: 100%;
    border-radius: 5px;
}
.our-team-content p {
    color: #4A4A4A;
    font-size: 16px;
    margin-top: 15px;
}
.our-founder-sec {
    /*background-color: #f1f1f1;*/
    padding: 50px 0;
}
.our-founder-sec .container .our-founder-sec__main {
    background: #F5F5F5;
    width: 70% !important;
    padding: 40px 50px 50px;
    margin: 0 auto;
}
.our-founder-header {
    position: relative;
    text-align: center;
}
.our-founder-header h4 {
    color: #10001E;
    font-family: 'Poppins-SemiBold';
    font-size: 28px;
    margin-bottom: 16px;
}
.our-founder-header img.founder-svg1 {
    position: absolute;
    top: 10px;
    left: 236px;
}
.our-founder-header img.founder-svg2 {
    position: absolute;
    top: 10px;
    left: 438px;
}
.our-founder-header img.founder-svg3 {
    position: absolute;
    top: -23px;
    right: -38px;
    z-index: 0;
    width: 110px;
}
.our-founder-content h4 {
    color: #10001E;
    font-family: 'Poppins-SemiBold';
    font-size: 28px;
    line-height: 28px;
}
.our-founder-content {
    float: left;
    width: 47%;
}
.our-founder-img {
    float: right;
    width: 47%;
}
.our-founder-content h5 {
    color: #4A4A4A;
    font-family: 'Poppins-SemiBold';
    font-size: 18px;
    margin: 10px 0;
}
.our-founder-content p {
    color: #4A4A4A;
    font-size: 14px;
}
.our-founder-content p strong {
    color: #782DBB;
}
.our-founder-img {
    float: right;
    width: 47%;
    position: relative;
}
/*.our-founder-img img {*/
/*    width: 100%;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    right: 0;*/
/*    z-index: 999;*/
/*}*/
.pro-svgs {
    position: relative;
}
.pro-svgs img.pro-svg1 {
    position: absolute;
    top: 182px;
    right: 40px;
}
.web-content-sec {
    background-color: #fff;
    padding: 50px 0;
}
.web-content-header h1 {
    color: #10001E;
    font-family: 'Poppins-SemiBold';
    font-size: 28px;
}
.web-content-header {
    position: relative;
    text-align: center;
    margin-bottom: 10px;
}
.web-content-header img.web-svg1 {
    position: absolute;
    top: 10px;
    left: 551px;
}
.web-content-header img.web-svg2 {
    position: absolute;
    top: 10px;
    left: 749px;
}
/*.web-content-info h4:before {*/
/*    content: '\f111';*/
/*    font-family: 'FontAwesome';*/
/*    font-size: 10px;*/
/*    color: #10001E;*/
/*    position: absolute;*/
/*    top: 12px;*/
/*    left: 2px;*/
/*}*/

.web-content-info h4 {
    color: #10001E;
    font-size: 24px;
    position: relative;
    font-family: 'Poppins-SemiBold';
    padding-left: 25px;
    padding-bottom: 10px;
}
.web-content-info {
    background-image: url(https://www.webtrixz.com/media/2022/08/Rectangle-703.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 37px 26px;
}
.web-info p {
    font-size: 16px;
    color: #4A4A4A;
    line-height: 26px;
}
.web-design-benefits {
    background-color: #fff;
    padding: 50px 0;
    margin: 0px 5px;
}
.web-design-benefits-header h4 {
    color: #10001E;
    font-size: 24px;
    position: relative;
    font-family: 'Poppins-SemiBold';
    padding-left: 25px;
    padding-bottom: 10px;
}
/*.web-design-benefits-header h4:before {*/
/*    content: '\f111';*/
/*    font-family: 'FontAwesome';*/
/*    font-size: 10px;*/
/*    color: #10001E;*/
/*    position: absolute;*/
/*    top: 12px;*/
/*    left: 2px;*/
/*}*/
.web-design-benefits-info ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 35px 80px;
    list-style: none;
}
.web-design-benefits-info ul li h4 {
    color: #10001E;
    font-size: 20px;
    padding-top: 10px;
    font-family: 'Poppins-SemiBold';
}
.web-design-benefits-info ul li img {
    width: 100%;
    box-shadow: 0px 0px 10px #00000012;
    border-radius: 5px;
}
.web-design-benefits-info ul li p {
    color: #4A4A4A;
    padding-top: 10px;
    line-height: 26px;
}
.web-design-elements-header h4 {
    color: #10001E;
    font-size: 24px;
    position: relative;
    font-family: 'Poppins-SemiBold';
    padding-left: 25px;
    padding-bottom: 10px;
}
/*.web-design-elements-header h4:before {*/
/*    content: '\f111';*/
/*    font-family: 'FontAwesome';*/
/*    font-size: 10px;*/
/*    color: #10001E;*/
/*    position: absolute;*/
/*    top: 12px;*/
/*    left: 2px;*/
/*}*/
.web-design {
    background-color: #fff;
    padding-top: 42px;
    padding-bottom: 20px;
}
.web-desgin-elements {
    background-color: #fff;
    padding: 50px 0;
}
.web-design-elements-header p {
    color: #4A4A4A;
    line-height: 26px;
}
.web-design-elements-info ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 35px;
    list-style: none;
    margin-top: 17px;
}
.web-design-elements-info ul li img {
    width: 33%;
}
.web-design-elements-info ul li h4 {
    color: #10001E;
    font-size: 20px;
    padding-bottom: 10px;
}
.web-design-elements-info ul li p {
    color: #4A4A4A;
    line-height: 26px;
}
.design-wordpress-sec {
    background-color: #fff;
    padding: 50px 0;
}
.design-wordpress-sec h4 {
    color: #10001E;
    font-size: 24px;
    position: relative;
    font-family: 'Poppins-SemiBold';
    padding-left: 25px;
    padding-bottom: 10px;
}
/*.design-wordpress-sec h4:before {*/
/*    content: '\f111';*/
/*    font-family: 'FontAwesome';*/
/*    font-size: 10px;*/
/*    color: #10001E;*/
/*    position: absolute;*/
/*    top: 12px;*/
/*    left: 2px;*/
/*}*/
.wordpress-info {
    background: url(https://www.webtrixz.com/media/2022/08/wp-bg-img.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 40px;
}
.wordpress-info ul li h4:before {
    color: #8F8F8F;
    top: 9px;
    left: 4px;
}
.wordpress-info ul li h4 {
    font-size: 20px;
}
.wordpress-info ul li {
    list-style: none;
    padding-bottom: 20px;
}
.wordpress-info ul li p {
    color: #4A4A4A;
    width: 70%;
}
.website-design-services h4.website-design-services-header {
    color: #10001E;
    font-size: 24px;
    position: relative;
    font-family: 'Poppins-SemiBold';
    padding-left: 25px;
    padding-bottom: 10px;
}
/*.website-design-services h4.website-design-services-header:before {*/
/*    content: '\f111';*/
/*    font-family: 'FontAwesome';*/
/*    font-size: 10px;*/
/*    color: #10001E;*/
/*    position: absolute;*/
/*    top: 12px;*/
/*    left: 2px;*/
/*}*/
.website-design-services {
    background-color: #fff;
    padding: 50px 0;
}
.design-services-info ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 35px;
    list-style: none;
    margin-top: 17px;
    grid-template-rows: 1fr 0.2fr 0.6fr 0.3fr 0.3fr;
}
.design-services-info ul li h4 {
    color: #10001E;
    font-size: 20px;
    position: relative;
    font-family: 'Poppins-SemiBold';
    padding-bottom: 10px;
}
.design-services-info ul li {
    list-style: none;
    background: #F3F3F3;
    padding: 19px;
}
.design-services-info ul li:nth-child(1) {
    grid-row: 1/2;
}
.design-services-info ul li:nth-child(2) {
    grid-row: 1/3;
    grid-column: 2/3;
}
.design-services-info ul li:nth-child(3) {
    grid-column: 1/2;
    grid-row: 2/4;
}
.design-services-info ul li:nth-child(4) {
    grid-row: 3/5;
    grid-column: 2/3;
}
.design-services-info ul li:nth-child(5) {
    grid-row: 4/6;
    grid-column: 1/2;
}
.design-services-info ul li:nth-child(6) {
    grid-column: 2/3;
    grid-row: 5/6;
}
.design-services-info ul li p {
    line-height: 26px;
    color: #4A4A4A;
}
/*.our-experties h4:before {*/
/*    content: '\f111';*/
/*    font-family: 'FontAwesome';*/
/*    font-size: 10px;*/
/*    color: #10001E;*/
/*    position: absolute;*/
/*    top: 12px;*/
/*    left: 2px;*/
/*}*/
.our-experties h4 {
    color: #10001E;
    font-size: 24px;
    position: relative;
    font-family: 'Poppins-SemiBold';
    padding-left: 25px;
    padding-bottom: 10px;
}
.our-experties {
    background: url(https://www.webtrixz.com/media/2022/08/Rectangle-722.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 50px 0;
}
.our-experties-info p {
    color: #4A4A4A;
    line-height: 26px;
}
.bg-color {
    background-color: #fff;
    padding: 30px;
}
.web-development {
    background-color: #ECECEC;
    padding-top: 42px;
    padding-bottom: 20px;
}
.web-dlop-content img.web-svg1 {
    position: absolute;
    top: 10px;
    left: 508px;
}
.web-dlop-content img.web-svg2 {
    position: absolute;
    top: 10px;
    left: 794px;
}
.web-dlop-info {
    background-color: #ECECEC;
    padding: 50px 0;
}
.web-dlop-info ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 35px;
    list-style: none;
}
.web-dlop-info ul li img {
    width: 100%;
    box-shadow: 0px 0px 10px #00000012;
    border-radius: 5px;
}
.web-dlop-info ul li h4 {
    color: #10001E;
    font-size: 20px;
    padding-top: 10px;
    font-family: 'Poppins-SemiBold';
}
.web-dlop-info ul li p {
    color: #4A4A4A;
    line-height: 26px;
    padding-top: 5px;
}
.web-dlop-elements-header h4 {
    color: #10001E;
    font-size: 24px;
    position: relative;
    font-family: 'Poppins-SemiBold';
    padding-left: 25px;
    padding-bottom: 10px;
}
/*.web-dlop-elements-header h4:before {*/
/*    content: '\f111';*/
/*    font-family: 'FontAwesome';*/
/*    font-size: 10px;*/
/*    color: #10001E;*/
/*    position: absolute;*/
/*    top: 12px;*/
/*    left: 2px;*/
/*}*/
.web-dlop-elements {
    /*background-color: #ECECEC;*/
    background-color: #fff;
    padding: 50px 0;
}
.web-dlop-elements-header p {
    color: #4A4A4A;
    line-height: 26px;
}
.web-dlop-elements-info ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 35px;
    list-style: none;
    margin-top: 17px;
}
.web-dlop-elements-info ul li h4 {
    color: #10001E;
    font-size: 20px;
    padding-bottom: 15px;
    padding-top: 15px;
}
.web-dlop-elements-info ul li p {
    color: #4A4A4A;
    line-height: 26px;
}
.web-dlop-pro-sec {
    background-color: #ECECEC;
    padding: 50px 0;
}
.web-dlop-pro {
    background: url(https://www.webtrixz.com/media/2022/08/pro-bg-img.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 26px 50px 159px 40px;
}
.web-dlop-pro-info ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 27px 35px;
    list-style: none;
    margin-top: 17px;
}
.web-dlop-pro h4 {
    color: #10001E;
    font-size: 24px;
    position: relative;
    font-family: 'Poppins-SemiBold';
    padding-left: 25px;
    padding-bottom: 6px;
}
.web-dlop-pro-info ul li h4 {
    color: #10001E;
    font-size: 20px;
    font-family: 'Poppins-SemiBold';
    padding-bottom: 10px;
    padding-left: 0;
    position: unset;
}
.web-dlop-pro-info ul li p {
    color: #4A4A4A;
    line-height: 26px;
}
.web-dlop-pro h4:before{
    content: '\f111';
    font-family: 'FontAwesome';
    font-size: 10px;
    color: #10001E;
    position: absolute;
    top: 12px;
    left: 2px;
}
.web-dlop-benefits {
    background-color: #ECECEC;
    padding: 50px 0;
}
.web-dlop-benefits h4 {
    color: #10001E;
    font-size: 24px;
    position: relative;
    font-family: 'Poppins-SemiBold';
    padding-left: 25px;
    padding-bottom: 10px;
}
.web-dlop-benefits h4:before{
    content: '\f111';
    font-family: 'FontAwesome';
    font-size: 10px;
    color: #10001E;
    position: absolute;
    top: 12px;
    left: 2px;
}
.web-dlop-ben-info {
    padding: 20px;
}
.web-dlop-ben-content {
    float: left;
    width: 50%;
    padding: 0 15px;
}
.web-dlop-benefits p {
    color: #10001E;
}
.dlop-rgt-img {
    float: right;
    width: 50%;
    padding: 0px 16px 0px 58px;
}
.web-dlop-ben-content ul li p {
    color: #4A4A4A;
    line-height: 26px;
}
.dlop-rgt-img img {
    width: 100%;
}
.web-dlop-ben-content ul li {
    color: #4A4A4A;
    padding-bottom: 12px;
}
.dlop_service_info {
    padding-bottom: 20px;
}
.php-dlop-content img.web-svg1 {
    position: absolute;
    top: 10px;
    left: 511px;
}
.php-dlop-content img.web-svg2 {
    position: absolute;
    top: 10px;
    left: 791px;
}
.php-dlop-info ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 100px;
    list-style: none;
}
.php-dlop-info ul li {
    background: url(https://www.webtrixz.com/media/2022/08/Rectangle-703.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px 26px;
}
.php-dlop-info ul li h4 {
    color: #10001E;
    font-size: 24px;
    position: relative;
    font-family: 'Poppins-SemiBold';
    padding-left: 25px;
    padding-bottom: 10px;
}
.php-dlop-info ul li h4:before{
    content: '\f111';
    font-family: 'FontAwesome';
    font-size: 10px;
    color: #10001E;
    position: absolute;
    top: 12px;
    left: 2px;
}
.php-info p {
    color: #4A4A4A;
    line-height: 26px;
}
.php-dlop-info {
    margin-top: 24px;
    position: relative;
}
.php-dlop-info img.php-dlop-svg1 {
    position: absolute;
    top: 511px;
    right: -50px;
    width: 120px;
}
.php-dlop-info img.php-dlop-svg2 {
    position: absolute;
    bottom: 0;
    left: -20px;
}
.php-dlop-elements img {
    width: 90px;
}
.php-dlop-web {
    /*background-color: #ECECEC;*/
    background-color: #fff;
    padding: 50px 0;
}
.php-web-info {
    float: left;
    width: 50%;
}
.php-web-info-img {
    float: right;
    width: 50%;
    position: relative;
}
.php-web-info-img img {
    width: 100%;
}
.php-web-info h4 {
    color: #10001E;
    font-size: 24px;
    position: relative;
    font-family: 'Poppins-SemiBold';
    padding-left: 25px;
    padding-bottom: 10px;
}
/*.php-web-info h4:before{*/
/*    content: '\f111';*/
/*    font-family: 'FontAwesome';*/
/*    font-size: 10px;*/
/*    color: #10001E;*/
/*    position: absolute;*/
/*    top: 12px;*/
/*    left: 2px;*/
/*}*/
.php-web-info p {
    color: #4A4A4A;
    line-height: 26px;
    padding-right: 60px;
}
img.php-web-info-svg1 {
    position: absolute;
    width: 80px !important;
    bottom: -20px;
    left: -19px;
}
.seo-content {
    background-color: #ECECEC;
    padding: 45px 0 0 0;
}
.seo-top-content-sec {
    background-color: #F8F8F8;
    padding: 50px 0;
}
.seo-sec-header {
    position: relative;
    text-align: center;
}
.seo-sec-header h2 {
    color: #10001E;
    font-family: 'Poppins-SemiBold';
    font-size: 28px;
    margin-bottom: 10px;
}
.seo-sec-header {
    position: relative;
    text-align: center;
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    align-content: center;
    flex-direction: row;
    justify-content: center;
}
.seo-sec-header h2 {
    color: #10001E;
    font-family: 'Poppins-SemiBold';
    font-size: 32px;
    margin-bottom: 0;
    vertical-align: middle;
}
.web-content-header span {
    padding-left: 40px;
    color: #10001E;
    font-family: 'Poppins-SemiBold';
    font-size: 18px;
    vertical-align: middle;
    display: inline-block;
}
.seo-sec-header img.seo-svg1 {
    position: absolute;
    top: 13px;
    left: 451px;
}
.seo-sec-header img.seo-svg2 {
    position: absolute;
    top: 12px;
    left: 546px;
}
.seo-sec-header span {
    padding-left: 38px;
    padding-top: 9px;
    color: #10001E;
    font-family: 'Poppins-SemiBold';
    font-size: 18px;
}
.seo-content-sec {
    float: left;
    width: 50%;
    padding: 29px 0px 0px 39px;
}
.seo-content-img {
    float: right;
    width: 50%;
}
.seo-content-sec h3 {
    font-size: 32px;
    font-weight: 500;
    font-family: 'Poppins-Medium';
    color: #10001E;
}
.seo-content-sec span {
    font-family: 'Poppins-SemiBold';
}
.seo-content-sec a {
    display: inline-block;
    margin-top: 25px;
}
.seo-content-img img {
    margin: 0 auto;
    width: 80%;
}
.seo-section {
    padding: 0 120px;
}
.seo-content-sec a.but-1 p {
    background: #ffffff;
    color: #8B43CB;
    font-size: 14px;
    font-family: 'Poppins-SemiBold';
    text-align: center;
    position: relative;
    padding: 10px 52px 10px 28px;
    border: 2px solid #9A4BDF;
    border-radius: 10px;
}
.seo-content-sec a.but-1 p:after {
    content: '\f30b';
    font-family: fontawesome;
    position: absolute;
    top: 10px;
    right: 19px;
    transform: rotate(43deg);
    font-size: 15px;
    transition: 0.3s;
}
.seo-content-sec a.but-1 p:hover {
    background: #8B43CB;
    color: #fff;
    transition: 0.3s;
    border: 2px solid #9A4BDF;
}
.seo-content-sec a.but-1 p:hover:after {
    transform: rotate(0deg);
    transition: 0.3s;
}
.seo-content-sec a.but-2 p {
    background: #8B43CB;
    color: #ffffff;
    font-size: 14px;
    font-family: 'Poppins-SemiBold';
    text-align: center;
    position: relative;
    padding: 10px 52px 10px 28px;
    border: 2px solid #9A4BDF;
    border-radius: 10px;
    margin-left: 14px;
}
.seo-content-sec a.but-2 p:after {
    content: '\f30b';
    font-family: fontawesome;
    position: absolute;
    top: 10px;
    right: 19px;
    transform: rotate(43deg);
    font-size: 15px;
    transition: 0.3s;
}
.seo-content-sec a.but-2 p:hover {
    background: #8B43CB;
    color: #fff;
    transition: 0.3s;
    border: 2px solid #9A4BDF;
}
.seo-content-sec a.but-2 p:hover:after {
    transform: rotate(0deg);
    transition: 0.3s;
}
.seo-imp-sec {
    background-color: #ECECEC;
    padding: 50px 0;
}
.seo-imp {
    text-align: left;
    background: url(https://www.webtrixz.com/media/2022/08/Rectangle-703.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 37px 26px;
}
.seo-imp h4 {
    color: #10001E;
    font-size: 24px;
    position: relative;
    font-family: 'Poppins-SemiBold';
    padding-left: 25px;
    padding-bottom: 10px;
}
.seo-imp h4:before {
    content: '\f111';
    font-family: 'FontAwesome';
    font-size: 10px;
    color: #10001E;
    position: absolute;
    top: 12px;
    left: 2px;
}
.seo-imp p {
    color: #4A4A4A;
    line-height: 26px;
}
.seo-imp-url a {
    color: #10001E;
    font-family: 'Poppins-SemiBold';
    border-bottom: 1px solid #10001E;
}
.seo-imp-url {
    text-align: center;
}
.all-seo-services {
    background-color: #ECECEC;
    padding: 50px 0;
}
.all-services-header h4 {
    color: #10001E;
    font-size: 24px;
    position: relative;
    font-family: 'Poppins-SemiBold';
    padding-left: 25px;
    padding-bottom: 10px;
}
.all-services-header h4:before {
    content: '\f111';
    font-family: 'FontAwesome';
    font-size: 10px;
    color: #10001E;
    position: absolute;
    top: 12px;
    left: 2px;
}
.all-services-info ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 35px 80px;
    list-style: none;
}
img.all-service-info-img {
    width: 100%;
}
.all-services-info h4 {
    color: #10001E;
    font-size: 20px;
    padding-top: 10px;
    font-family: 'Poppins-SemiBold';
}
.all-services-info p {
    color: #4A4A4A;
    line-height: 26px;
}
.all-services-img {
    position: relative;
}
img.all-services-info-svg1 {
    position: absolute;
    bottom: -1px;
    right: -40px;
    visibility: visible;
}
.all-services-info ul li:nth-child(1) .all-services-img .all-services-info-svg1,
.all-services-info ul li:nth-child(4) .all-services-img .all-services-info-svg1{
    visibility: hidden;
}
.readmore-content {
    color: #4A4A4A;
    font-size: 16px;
    line-height: 26px;
    display: none;
    width: 100% !important;
}
a.readmore {
    transition: 0.5s;
    display: inline-block;
    line-height: normal;
    color: #10001E;
    cursor: pointer;
    font-family: 'Poppins-SemiBold';
    border-bottom: 1px solid #10001E;
}
.webx-seo-content h4 {
    color: #10001E;
    font-size: 24px;
    position: relative;
    font-family: 'Poppins-SemiBold';
    padding-left: 25px;
    padding-bottom: 10px;
}
/*.webx-seo-content h4:before {*/
/*    content: '\f111';*/
/*    font-family: 'FontAwesome';*/
/*    font-size: 10px;*/
/*    color: #10001E;*/
/*    position: absolute;*/
/*    top: 12px;*/
/*    left: 2px;*/
/*}*/
.webx-seo-content {
    background-color: #ECECEC;
    padding: 50px 0;
}
.webx-seo-sec {
    background: url(https://www.webtrixz.com/media/2022/08/Rectangle-722.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 40px 0;
}
.webx-seo-info {
    float: left;
    width: 60%;
}
.webx-seo-info ul li {
    color: #4A4A4A;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 13px;
}
.webx-seo-rgt {
    float: right;
    width: 40%;
    position: relative;
}
.webx-seo-rgt-img {
    width: 100%;
}
.webx-seo-rgt img.webx-seo-svg1 {
    position: absolute;
    top: 60px;
}
.webx-seo-rgt img.webx-seo-svg2 {
    position: absolute;
    top: 0;
    right: 110px;
}
.webx-seo-rgt img.webx-seo-svg3 {
    position: absolute;
    top: 510px;
    left: 50px;
}
.webx-seo-rgt img.webx-seo-svg4 {
    position: absolute;
    top: 450px;
    right: 0;
}
.webx-seo-rgt img.webx-seo-svg5 {
    position: absolute;
    top: 200px;
    right: 0;
}
.seo-benefits {
    background-color: #ECECEC;
    padding: 0 0 50px 0px;
}
.seo-benefits-content h4 {
    color: #10001E;
    font-size: 24px;
    position: relative;
    font-family: 'Poppins-SemiBold';
    padding-left: 25px;
    padding-bottom: 10px;
}
.seo-benefits-content h4:before {
    content: '\f111';
    font-family: 'FontAwesome';
    font-size: 10px;
    color: #10001E;
    position: absolute;
    top: 12px;
    left: 2px;
}
.seo-benefits-content {
    float: left;
    width: 70%;
    padding-top: 20px;
}
.seo-benefits-img {
    float: right;
    width: 25%;
}
.seo-benefits-img img {
    margin: 0 auto;
}
.seo-benefits-content p {
    color: #4A4A4A;
    line-height: 26px;
}
.seo-quote {
    background-color: #F6F6F6;
    padding: 35px;
    margin-top: 40px;
    text-align: center;
}
.seo-quote h4 {
    color: #10001E;
    font-size: 24px;
    font-family: 'Poppins-SemiBold';
    padding-bottom: 15px;
}
.seo-quote ul {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 20px;
}
.seo-quote ul li.msg-field, li.sub-btn {
    grid-column: 1/-1;
}
.seo-quote ul li input, .seo-quote ul li.msg-field textarea {
    padding: 12px;
    border: 1px solid #ECECEC;
    border-radius: 5px;
    color: #4A4A4A;
    background-color: #ECECEC;
    font-size: 14px;
    font-family: 'Poppins-Regular';
    width: 100%;
}
.seo-quote ul li.msg-field textarea {
    height: 120px;
}
.seo-quote ul li.sub-btn input {
    background: #8B43CB;
    color: #fff;
    font-size: 14px;
    text-align: center;
    border-radius: 10px;
    position: relative;
    padding: 6px 35px 6px 9px;
    font-family: 'Poppins-Regular';
    border: 1px solid #8B43CB;
    cursor: pointer;
}

.seo-quote ul li.sub-btn {
    position: relative;
    width: 10%;
    margin: 0 auto;
}
.seo-quote ul li.sub-btn:hover i {
    transform: rotate(0deg);
    transition: 0.3s;
}
.seo-quote ul li.sub-btn i {
    position: absolute;
    top: 13px;
    right: 20px;
    color: #fff;
    transform: rotate(43deg);
    font-size: 12px;
    transition: 0.3s;
}
.seo-quote ul li.sub-btn input:hover {
    background: #782DBB;
    transition: 0.3s;
}
.seo-quote ul li input:focus-visible,
.seo-quote ul li textarea:focus-visible {
    outline: none !important;
    box-shadow: 0 0 10px #3f0077;
}
.smm-sec-header img.seo-svg1 {
    position: absolute;
    left: 462px;
}
.smm-sec-header img.seo-svg2 {
    position: absolute;
    left: 568px;
}
.smm-content-img img {
    width: 50%;
}
.smm-services-header p {
    color: #10001E;
    font-family: 'Poppins-Medium';
    line-height: 26px;
    padding-bottom: 11px;
}
.smm-services-imp-sec img.all-services-info-svg1 {
    position: absolute;
    bottom: 8px;
    right: 12px;
    visibility: visible !important;
}
.smm-services-imp-sec ul li a.readmore {
    display: none;
}
.smm-services-imp-sec ul li:nth-child(1) a.readmore {
    display: inline-block;
}
.smm-benefit-info ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 35px;
    list-style: none;
    margin-top: 17px;
}
.smm-benefit-info ul li img {
    width: auto;
}
.smm-social-media ul {
    grid-template-columns: repeat(3, 1fr);
}
.smm-social-media ul li img {
    width: 50px;
}
.smm-social-media ul li h4 {
    color: #10001E;
    font-size: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
}
.smo-sec-header img.seo-svg1 {
    left: 454px;
}
.smo-sec-header img.seo-svg2 {
    left: 552px;
}
.smo-essential {
    background-color: #ECECEC;
    padding: 50px 0;
}
.smo-great-sec {
    background-color: #ECECEC;
    padding: 50px 0;
}
.smm-essential-content {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    opacity: 0.85;
    padding: 25px 38px;
    position: relative;
}
.smm-essential-content:before {
    content: '';
    background-color: #fff;
    opacity: 85%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.smm-essential-content h4 {
    color: #10001E;
    font-size: 24px;
    position: relative;
    font-family: 'Poppins-SemiBold';
    padding-left: 25px;
    padding-bottom: 10px;
}
/*.smm-essential-content h4:before {*/
/*    content: '\f111';*/
/*    font-family: 'FontAwesome';*/
/*    font-size: 10px;*/
/*    color: #10001E;*/
/*    position: absolute;*/
/*    top: 12px;*/
/*    left: 2px;*/
/*}*/
.smm-essential-content ul li {
    list-style: auto;
    color: #4A4A4A;
    font-size: 16px;
    padding-bottom: 7px;
    line-height: 26px;
    opacity: 90%;
}
.smo-great-content p {
    color: #10001E;
    font-family: 'Poppins-Medium';
    font-size: 16px;
    padding-top: 8px;
}
.smo-great-content {
    margin: 0 auto !important;
}
.smo-nutshell {
    background-color: #ECECEC;
    padding: 50px 0;
}
.smo-nutshell-content h4 {
    color: #10001E;
    font-size: 24px;
    position: relative;
    font-family: 'Poppins-SemiBold';
    padding-left: 25px;
    padding-bottom: 10px;
}
.smo-nutshell-content h4:before {
    content: '\f111';
    font-family: 'FontAwesome';
    font-size: 10px;
    color: #10001E;
    position: absolute;
    top: 12px;
    left: 2px;
}
.smo-nutshell-content ul {
    margin-top: 11px;
}
.smo-nutshell-content ul li h5 {
    font-size: 20px;
    font-family: 'Poppins-SemiBold';
    color: #10001E;
}
.smo-nutshell-content ul li {
    background-color: #F3F3F3;
    padding: 20px;
    display: inline-block;
    margin-right: 30px;
    margin-bottom: 20px;
}
.smo-nutshell-content p {
    color: #4A4A4A;
    line-height: 26px;
}
.smo-imp-img img.smo-imp-svg1 {
    width: 100px;
    position: absolute;
    bottom: -46px;
    left: -50px;
}
.smo-services {
    background: url(https://www.webtrixz.com/media/2022/08/Rectangle-722.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 50px 0;
}
.smo-services .webx-seo-info ul li {
    list-style: none;
    color: #10001E;
    font-family: 'Poppins-Medium';
}
.DM-content-sec {
    padding: 40px 0 !important;
}
.DM-content-sec .web-content-header img.web-svg1 {
    left: 513px;
}
.DM-content-sec .web-content-header img.web-svg2 {
    left: 785px;
}
.dm-content-img img.dm-content-img-svg2 {
    width: 100px;
    position: absolute;
    bottom: -24px;
    right: -30px;
}
.dm-essential-content p {
    opacity: 90%;
    line-height: 26px;
    color: #4A4A4A;
}
.dm-webx p {
    line-height: 26px;
    color: #4A4A4A;
}
.dm-webx .webx-seo-info {
    float: left;
    width: 50%;
}
.dm-webx .webx-seo-rgt {
    width: 50%;
}
.dm-webx .webx-seo-rgt .webx-seo-rgt-img {
    width: 65%;
    margin: 0 auto;
}
.dm-webx {
    background: url(https://www.webtrixz.com/media/2022/08/Rectangle-722.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 30px 0;
}
.dm-webx .webx-seo-rgt img.webx-seo-svg4 {
    top: 390px;
    right: 40px;
}




/* Theme Styles */

img {
    max-width: 100%
}
.banner-style {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.banner-round {
    border-radius: 7px;
    overflow: hidden;
}
.banner-spacer {
    padding: 42px 0;
}
.banner-title {
    color: #3F0077;
    font-family: 'Poppins-Bold';
    font-size: 70px;
}
.theme-pink {
    background-color: #F1E1FF;
}
.theme-pad-box {
    padding: 40px 60px;
}
.round-5 {
    border-radius: 5px;
}
.title-element {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    color: #10001E;
    font-family: 'Poppins-SemiBold';
    font-size: 28px;
}
.title-element::before,
.title-element::after {
    position: absolute;
    content: '';
    background-image: url('https://www.webtrixz.com/media/2022/08/Group-1063.svg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 15px;
    height: 15px;
    top: 13px;
}
.title-element::before {
    left: -25px;
}
.title-element::after {
    right: -25px;
}
.point-title {
    color: #10001E;
    font-size: 24px;
    position: relative;
    font-family: 'Poppins-SemiBold';
    padding-left: 25px;
    padding-bottom: 10px;
}
/*.point-title::before {*/
/*    content: '\f111';*/
/*    font-family: 'FontAwesome';*/
/*    font-size: 10px;*/
/*    color: #10001E;*/
/*    position: absolute;*/
/*    top: 12px;*/
/*    left: 2px;*/
/*}*/
.hidden {
    overflow: hidden;
}

.m-40 {
    margin: 40px 0;
}
.mt-40 {
    margin-top: 40px;
}
.mb-40 {
    margin-bottom: 40px;
}

.m-50 {
    margin: 50px 0;
}
.mt-50 {
    margin-top: 50px;
}
.mb-50 {
    margin-bottom: 50px;
}

.m-80 {
    margin: 80px 0;
}
.mt-80 {
    margin-top: 80px;
}
.mb-80 {
    margin-bottom: 80px;
}
.last-block:last-child {
    margin-bottom: 0;
}
.last-para:last-child {
    margin-bottom: 0;
}
.para-space p {
    margin-bottom: 20px;
}
.para-space p:last-child {
    margin-bottom: 0;
}
.lh-26 p {
    line-height: 26px;
}
.lh-24 p {
    line-height: 24px;
}
.lh-22 p {
    line-height: 22px;
}

/* SEM */

.sem-banner-inner {
    padding: 200px 40px;
}
.g-display-network p {
    margin-bottom: 20px;
}

.gdn-rows .gdn-row-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.gdn-rows .gdn-row-lft,
.gdn-rows .gdn-row-rgt {
    max-width: 47%;
    flex: 47%;
}
.gdn-rows .gdn-row-item:nth-child(even) {
    flex-direction: row-reverse;
}
.elements-grid-four .element-grid-items {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}
.elements-grid-four .element-grid-items h4 {
    font-size: 18px;
    line-height: 22px;
    margin: 12px 0 10px 0;
}
.element-icon-box {
    position: relative;
}
.element-icon-box::before {
    position: absolute;
    content: '';
    background: transparent url('https://www.webtrixz.com/media/2022/12/Group-6900-resize-1.png') no-repeat bottom left;
    width: 90px;
    height: 90px;
    bottom: 0;
    left: 0;
    background-size: contain;
}
.element-icon-box img {
    /*width: 60px;*/
    margin-left: 20px;
    padding-bottom: 10px;
    position: relative;
}

.campaign-webtrixz {
    background-image: url('https://www.webtrixz.com/media/2022/12/background-sec-4.jpg');
    padding: 40px 0;
}
.campaign-webtrixz .cw-lft {
    float: left;
    width: 70%;
}
.campaign-webtrixz .cw-rgt {
    float: right;
    width: 20%;
}
.campaign-webtrixz h4 {
    padding-bottom: 0;
    margin-bottom: 20px;
}






/*NEW HEADER STYLES */
/*.digital-marketing-menu {*/
/*    position: static !important;*/
/*}*/
/*.digital-marketing-menu > ul.mega-sub-menu {*/
/*.header-navigation ul#mega-menu-header-menu > li.digital-marketing-menu.mega-menu-item-has-children.digital-marketing-menu > ul.mega-sub-menu{*/
/*    width: 100% !important;*/
/*    left: 0 !important;*/
/*    position: absolute !important;*/
/*    display: grid !important;*/
/*    grid-template-columns: 1fr 1fr 1fr;*/
/*    border-top-right-radius: 8px !important;*/
/*    border-top-left-radius: 8px !important;*/
/*    border-bottom-left-radius: 0 !important;*/
/*    border-bottom-right-radius: 0  !important;*/
/*}*/
/*.digital-marketing-menu:hover ul {*/
/*    visibility: visible !important;*/
/*    opacity: 1 !important;*/
/*}*/
/*.digital-marketing-menu > ul.mega-sub-menu > li > ul.mega-sub-menu {*/
/*    left: 0 !important;*/
/*    top: 44px !important;*/
/*    width: 100% !important;*/
/*    transform: translate(0, 0) !important;*/
/*    min-height: 320px !important;*/
/*    background-color: #ffffff !important;*/
/*}*/
/*.header-navigation ul#mega-menu-header-menu > li.mega-menu-item-has-children > ul.mega-sub-menu li a {*/
/*    background-color: transparent !important;*/
/*}*/
/*.digital-marketing-menu > ul.mega-sub-menu > li > ul.mega-sub-menu a{*/
/*    background-color: #ffffff !important;*/
/*}*/
/*#mega-menu-wrap-header-menu .digital-marketing-menu > ul.mega-sub-menu > li > a {*/
/*    color: #000 !important;*/
/*    font-size: 22px !important;*/
/*    text-transform: uppercase !important;*/
/*    pointer-events: none !important;*/
/*    border-radius: 0px;*/
/*}*/
/*.digital-marketing-menu > ul.mega-sub-menu > li > a::before {*/
/*    display: none !important;*/
/*}*/
/*.digital-marketing-menu > ul.mega-sub-menu > li > a span.mega-indicator {*/
/*    display: none !important;*/
/*}*/
/*.header-navigation ul#mega-menu-header-menu > li.mega-menu-item-has-children > ul.mega-sub-menu{*/
/*    background-color: #ffffff !important;*/
/*    border-radius: 8px !important;*/
/*    box-shadow: 2px 2px 6px 8px #e1e1e1 !important;*/
/*    top: 45px !important;*/
/*    padding: 0 10px 20px 10px !important;*/
/*}*/
/*.header-navigation ul#mega-menu-header-menu > li.digital-marketing-menu.mega-menu-item-has-children > ul.mega-sub-menu{*/
/*    padding: 0 !important;*/
/*}*/
/*.header-navigation .digital-marketing-menu > ul.mega-sub-menu > li > ul.mega-sub-menu a{*/
/*    font-size: 16px;*/
/*}*/
/*.digital-marketing-menu > ul.mega-sub-menu > li > ul.mega-sub-menu > li > ul.mega-sub-menu{*/
/*    width: 100% !important;*/
/*    left: 0 !important;*/
/*    position: absolute !important;*/
/*    display: grid !important;*/
/*    grid-template-columns: 1fr 1fr 1fr;*/
/*}*/





li#mega-menu-34-0-0 ul li h4 {
    padding-top: 15px !important;
}

li#mega-menu-34-0-0 ul li {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.website-design-menu ul li {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
li#mega-menu-item-text-8 h4 {
    padding-top: 15px !important;
}


.faq-sec.home-page-faq-main .set > a i {
    display: block !important;
}
.faq-sec.home-page-faq-main .accordion-container .set > a {
    pointer-events: all;
    /*padding:15px;*/
    padding: 15px 15px 15px 25px;
}


/*Contact Us*/ 
li.name-icon input {
    background-image: url(https://www.webtrixz.com/media/2022/12/Group-6797.png) !important;
    background-repeat: no-repeat !important;
    background-position: left 10px center !important;
    padding-left: 40px !important;
}
li.phone-icon input {
    background-image: url(https://www.webtrixz.com/media/2022/12/Group-6798.png) !important;
    background-repeat: no-repeat !important;
    background-position: left 10px center !important;
    background-size: 20px 20px !important;
    padding-left: 40px !important;
}

.wpcf7-not-valid-tip {
    font-size: 14px;
}
li.email-icon input {
    background-image: url(https://www.webtrixz.com/media/2022/12/Path-17050.png) !important;
    background-repeat: no-repeat !important;
    background-position: left 10px center !important;
    padding-left: 50px !important;
    background-size: 20px !important;
}

li.message-icon textarea {
    background-image: url(https://www.webtrixz.com/media/2022/12/Group-6805.png) !important;
    background-repeat: no-repeat !important;
    background-position: left 10px top 10px !important;
    padding-left: 40px !important;
}
/* changes for website*/
li#mega-menu-item-3153 > a {
    margin-top: 0 !important;
    color: #10001E !important;
    border-bottom: 1px solid #10001E !important;
    padding-left: 0 !important;
    border-radius: 0px !important;
    text-transform: uppercase !important;
    padding-bottom: 5px !important;
}
.web-menu-changes > a.mega-menu-link {
    font-size: 22px !important;
    color: #10001E !important;
    border-bottom: 1px solid #10001E !important;
    padding-left: 0px !important;
    text-transform: uppercase !important;
}
li#mega-menu-item-3153 a:hover {
    border: 0px !important;
    border-bottom: 1px solid #000 !important;
    pointer-events: all !important;
    border-radius: 0px !important;
    padding-left: 0 !important;
}
li#mega-menu-item-3153 a:before{
    display:none !important;
}
li#mega-menu-item-3153 a {
    color: #10001E !important;
    border-bottom: 1px solid #10001E !important;
    border-radius: 0px !important;
}


/*Enquire Form*/
body.modal-up {
    overflow: hidden;
    position: relative;
}
body.modal-up::before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000;
    z-index: 99999;
    opacity: 0.7;
}
.floating-button {
    position: fixed;
    right: 0;
    top: 30%;
    z-index: 999;
    transform-origin: right bottom 0;
    transform: rotate(-90deg);
}
.floating-button button {
    cursor: pointer;
    background: #3F0077;
    color: #fff;
    font-size: 18px;
    text-align: center;
    border-radius: 10px;
    position: relative;
    padding: 15px 30px 15px 30px;
    border: 1px solid transparent;
}
.floating-form {
    display: none;
}
.floating-form ul li {
    list-style: none;
}
.floating-form {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999999;
    background-image: url(https://www.webtrixz.com/media/2023/07/enquire.png);
    background-size: cover;
    background-position: center;
}
.floating-form button.form-close {
    width: 30px;
    height: 30px;
    border-radius: 25px;
    display: block;
    position: absolute;
    top: -20px;
    right: -10px;
    border: 0;
    cursor: pointer;
    background-color: #000;
}
.floating-form .wpcf7 {
    padding: 30px 30px;
    width: 420px;
}
ul.enquire-form {
    display: grid;
    gap: 20px;
}
ul.enquire-form li input,ul.enquire-form li textarea, ul.enquire-form li select {
    width: 100%;
    height: 40px;
    border: 1px solid #C4C4C4;
    font-family: 'Poppins-Regular';
    padding: 10px;
    outline: transparent;
    color: rgb(117, 117, 117);
}
ul.enquire-form li textarea{
    height: 150px;
}
ul.enquire-form li textarea {
    height: 130px;
    resize: none;
}
ul.enquire-form li.enquire-submit input {
    background: #fff;
    color: #3f0077;
    font-size: 14px;
    text-align: center;
    padding: 10px 35px 10px 15px;
    border: 1px solid transparent;
    cursor: pointer;
}
ul.enquire-form li input::placeholder,ul.enquire-form li textarea::placeholder{
    font-size: 14px;
    font-family: 'Poppins-Regular'; 
}   
.form-on-banner ul.enquire-form li.enquire-submit input,
.bannerform ul.enquire-form li.enquire-submit input {
    height: auto;
    background-color: #3f0077;
    color: #fff;
}
.form-on-banner ul.enquire-form li textarea,
.bannerform ul.enquire-form li textarea {
    height: 130px;
}
.form-on-banner form .wpcf7-not-valid-tip,
.bannerform form .wpcf7-not-valid-tip {
    display: none;
}
.form-on-banner form .wpcf7-not-valid,
.bannerform form .wpcf7-not-valid {
    border-color: red;
}
.floating-form .wpcf7 form .wpcf7-response-output,
.bannerform .wpcf7 form .wpcf7-response-output {
    margin: 20px 0px;
    font-size:16px;
    color:#fff;
}
.floating-form .wpcf7-not-valid-tip {
    color: #000;
}
.floating-form .wpcf7-not-valid-tip {
    background-color: #dc3232;
    color: #fff;
    font-size: 13px;
    margin-top: 5px;
    padding: 1px 4px;
    border-radius: 2px;
    line-height: 20px;
}
.floating-form ul li.enqire-message span.wpcf7-not-valid-tip {
    margin-top: 0;
}
.floating-form .wpcf7 form .wpcf7-response-output {
    font-size: 14px;
    text-align: center;
}
div#floating-form h4,
div#quote-form h4 {
    color: #fff;
    padding-bottom: 10px;
    text-align: center;
}

#scroll-top {
    position: fixed;
    bottom: 30px;
    right: 90px;
    width: 40px;
    height: 40px;
    font-size: 32px;
    background: #3f0077;
    border-radius: 100%;
    cursor: pointer;
    z-index: 9999;
}
#scroll-top span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -12px;
  height: 0;
  width: 0;
  border: 8px solid transparent;
  /*border-bottom-color: #ffffff;*/
}
#scroll-top:hover {
  transition: 0.3s;
  /*box-shadow: 0 0 20px 4px #fff;*/
}
.scroll-top img {
    margin: 0 auto;
    top: 6px;
    position: absolute;
    right: 6px;
    max-width: 28px !important;
    width: 100%;
}  
/*Menu changes */
li#mega-menu-item-3173 a {
    color: #10001E !important;
    border-bottom: 1px solid #10001E !important;
    border-radius: 0px !important;
}
li#mega-menu-item-3173 > a {
    margin-top: 0 !important;
    color: #10001E !important;
    border-bottom: 1px solid #10001E !important;
    padding-left: 0 !important;
    border-radius: 0px !important;
    text-transform: uppercase !important;
    padding-bottom: 5px !important;
}
.ecom-class a.mega-menu-link {
    font-size: 22px !important;
    color: #10001E !important;
    border-bottom: 1px solid #10001E !important;
    padding-left: 0px !important;
    text-transform: uppercase !important;
}
li#mega-menu-item-3173 a:before{
    display:none !important;
}
li#mega-menu-item-3173 a {
    color: #10001E !important;
    border-bottom: 1px solid #10001E !important;
    border-radius: 0px !important;
}
li#mega-menu-item-3173 a:hover {
    border: 0px !important;
    border-bottom: 1px solid #000 !important;
    pointer-events: all !important;
    border-radius: 0px !important;
    padding-left: 0 !important;
}
li#mega-menu-item-3175 a {
    color: #10001E !important;
    border-bottom: 1px solid #10001E !important;
    border-radius: 0px !important;
}
li#mega-menu-item-3175 > a {
    margin-top: 0 !important;
    color: #10001E !important;
    border-bottom: 1px solid #10001E !important;
    padding-left: 0 !important;
    border-radius: 0px !important;
    text-transform: uppercase !important;
    padding-bottom: 5px !important;
}
.about-menu a.mega-menu-link {
    font-size: 22px !important;
    color: #10001E !important;
    border-bottom: 1px solid #10001E !important;
    padding-left: 0px !important;
    text-transform: uppercase !important;
}
li#mega-menu-item-3175 a:before{
    display:none !important;
}
li#mega-menu-item-3175 a {
    color: #10001E !important;
    border-bottom: 1px solid #10001E !important;
    border-radius: 0px !important;
}
li#mega-menu-item-3175 a:hover {
    border: 0px !important;
    border-bottom: 1px solid #000 !important;
    pointer-events: all !important;
    border-radius: 0px !important;
    padding-left: 0 !important;
}
li#mega-menu-item-3176 a {
    color: #10001E !important;
    border-bottom: 1px solid #10001E !important;
    border-radius: 0px !important;
}
li#mega-menu-item-3176 > a {
    margin-top: 0 !important;
    color: #10001E !important;
    border-bottom: 1px solid #10001E !important;
    padding-left: 0 !important;
    border-radius: 0px !important;
    text-transform: uppercase !important;
    padding-bottom: 5px !important;
}
.port-class a.mega-menu-link {
    font-size: 22px !important;
    color: #10001E !important;
    border-bottom: 1px solid #10001E !important;
    padding-left: 0px !important;
    text-transform: uppercase !important;
}
li#mega-menu-item-3176 a:before{
    display:none !important;
}
li#mega-menu-item-3176 a {
    color: #10001E !important;
    border-bottom: 1px solid #10001E !important;
    border-radius: 0px !important;
}
li#mega-menu-item-3176 a:hover {
    border: 0px !important;
    border-bottom: 1px solid #000 !important;
    pointer-events: all !important;
    border-radius: 0px !important;
    padding-left: 0 !important;
}
/*Site map*/
.digtal-part-map a {
    font-size: 20px;
}
.grid-full {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap:10px;
}
.seo3 {
    padding-top: 60px;
}
.smm2 {
    padding-top: 60px;
}
.grid2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
a.color-change {
    color: #502A5B;
}

.oman-branch {
    margin-top: 40px;
}
.oman-branch h4 {
    margin-bottom: 20px !important;
}
.breadcrumb {
    display: none;
}
.footer-lets-connect-sec {
    padding: 40px 0;
    background-color: #FDD835;
}
.lets-cnt-text p {
    color: #3f0077;
    font-size: 20px;
    text-align: center;
    font-weight: 600;
}
.lets-cnt-btn a {
    background: #3F0077;
    color: #fff;
    font-size: 14px;
    text-align: center;
    border-radius: 10px;
    position: relative;
    padding: 10px 35px 10px 15px;
}
.lets-cnt-btn {
    text-align: center;
    margin-top: 30px;
}
.lets-cnt-btn a::after {
    content: '\f30b';
    font-family: fontawesome;
    position: absolute;
    top: 15px;
    right: 17px;
    transform: rotate(43deg);
    font-size: 12px;
    transition: 0.3s;
}
.lets-cnt-btn a:hover {
    background: #782DBB;
}
.lets-cnt-btn a:hover:after {
    transform: rotate(0deg);
    transition: 0.3s;
}




/*CSS on 14/02/2024*/






.blog-listing.blog-column-three {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.ry-blog-list-col.post-content .ry-blog-list-thumb img {
    height: 300px;
    object-fit: cover;
}
.about-banner.banner-blog {
    padding: 0px;
}
.navigate-blogs .page-numbers.current {
    background-color: #8B43CB;
    color: #fff;
    border-color: #8B43CB;
}
.navigate-blogs .page-numbers {
    padding: 10px 20px;
    border: 1px solid #d9d9d9;
    font-weight: 400;
    color: #6d6e71;
    margin: 0;
    font-size: 16px;
}
.navigate-blogs .page-numbers:hover {
    background-color: #8B43CB;
    color: #fff;
}
.content-text p {
    font-size: 16px;
}
.content-text ul li {
    font-size: 15px;
    line-height: normal;
    margin-bottom: 20px;
}
.content-text ul li strong {
    font-size: 16px;
}
.sec3-left-facebook-mark.sec-3-lft-mobile-app-android h5 strong {
    font-size: 15px;
}

@media screen and (max-width: 782px)    
 {
 .conatin-wrapper {
    grid-template-columns: 1fr !important;
    grid-gap: 36px !important;
    padding-bottom: 20px;
    padding-top: 30px !important;
}
.banner-title-new br {
    display: none;
}
}
.content-wraper{
    display: grid;
    grid-template-columns: 1fr 1fr;
    }




.floating-form ul.enquire-form input, .floating-form ul.enquire-form textarea, .floating-form ul.enquire-form select {
    border-radius: 5px;
}
.floating-form ul li p {
    color: #fff;
}
.floating-form ul.enquire-form input.wpcf7-submit {
    background: #8B43CB;
    color: #fff;
    font-size: 14px;
    border-radius: 10px;
    position: relative;
    padding: 10px 40px 10px 15px;
    border: none;
    font-family: 'Poppins-Regular';
    height: auto;
}



.blog-maincon {
    border-bottom: 0 !important;
}





.sets-us-content ul {
    list-style: none;
    padding-left: 0;
}
.sets-us-content ul li {
    background: transparent url("https://www.webtrixz.com/media/2025/04/creativity-icon-sm.png") no-repeat top 7px left;
    background-size: 20px;
    padding-left: 30px;
}

.ctc_s_8 span.s_8.ctc-analytics {
    background-color: #4CE35C !important;
    font-size: 17px;
    border-radius: 20px !important;
}
.ctc_s_8 span.s_8.ctc-analytics svg {
    width: 22px;
    height: 22px;
}
.ctc_s_8 span.s_8.ctc-analytics span.s_8_icon {
    margin-right: 10px !important;
}


li.enqire-message p span:not(.wpcf7-form-control-wrap) {
    display: block;
    text-align: right;
    width: fit-content;
    margin-left: auto;
    font-size: 13px;
}

li.enqire-message p span > span.wpcf7-character-count.down.too-short {
    display: inline-block;
}