body {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	scroll-behavior: smooth;
	font-family: "Open Sans", sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
a,
ul,
li {
	color: #000;
	padding: 0;
	margin: 0;
	text-decoration: none;
	list-style: none
}

button {
	outline: none;
	border: none
}

:root {
	--bgcolor: #f8f8f8ad;
	--primarycolor: #034ea2;
	--secondarycolor: #e81d3b;
	--lightcolor: #fff;
	--darkcolor: #111827;
	--textcolor: #000;
	--buttoncolor: linear-gradient(90deg, #0057ff, #ff3b30)
}


.pkgColumn .pkgItem.sectionHeader{
	background: #91b5ff !important;
    color: #fff;
    font-size: 18px;
    /*text-shadow: 1px 2px 4px #3a60ad;*/
      line-height: 22px;
}
.pkgColumn .pkgItem.sectionHeader span{ color:#fff;}
ul.pkgColumn{
    max-width: 300px!important;
}

.siteMap {
            padding: 25px;
            border-radius: 15px;
            background-color: var(--bgcolor);
            box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        }

        .siteMap h2 {
            color: var(--primarycolor);
            font-size: 28px;
            font-weight: 600;
            text-transform: capitalize;
            margin: 26px 0px 15px;
        }

        .siteMap ul {
            display: flex;
            flex-wrap: wrap;
            padding: 0px !important;
        }

        .siteMap ul li {
            padding-left: 0!important;
            list-style: none !important;
            margin: 5px;
            border: 1px solid #00000094;
            border-radius: 10px;
            background-image: none !important;
        }

        .siteMap li a {
            display: inline-block;
            padding: 9px 10px;
            color: var(--darkcolor);
            font-size: 16px;
            font-weight: 500;
            text-transform: capitalize;
            transition: all 0.5s ease-in-out;
            border-radius: inherit;
        }

        .siteMap li a:hover {
            color: var(--lightcolor);
            background-color: var(--primarycolor);
        }

        @media (max-width:1380px) {
            .siteMap li a {
                font-size: 14px;
                padding: 8px 10px;
            }

            .siteMap ul li {
                margin: 4px;
            }
        }

        @media (max-width:1200px) {
            .siteMap li a {
                font-size: 15px;
                padding: 8px 10px;
            }
        }

        @media (max-width:992px) {
            .siteMap {
                padding: 20px;
            }
        }

        @media (max-width:769px) {
            .siteMap {
                padding: 15px 0px;
                background-color: 0px;
                box-shadow: none;
            }

            .siteMap ul li {
                margin: 3px;
            }

            .siteMap li a {
                font-size: 14px;
                padding: 9px 11px;
            }
        }

.faqPage{ background:none!important;} 

.pagination li.active .page-link {
    color: #fff!important;
}

.pkgContainer {
      display: flex;
      gap: 0;
      overflow-x: auto;
      border: 1px solid #ddd;
      border-radius: 8px;
      background: #fff;
      box-shadow: 0 0 12px rgb(0 0 0 / 0.05);
    }
    /* Each column */
    ul.pkgColumn {
		padding-left:0!important;
      list-style: none;
      padding: 0;
      margin: 0;
      min-width: 220px;
      max-width: 260px;
      border-right: 1px solid #eee;
      overflow-y: auto;
		flex:1;
    }
.pkgContainer ul{ padding-bottom:0!important;}
.pkgContainer ul.pkgFeature span{ display:block; font-size:14px; }
.pkgContainer ul:first-child {
	
    min-width: 288px;
}
    /* Last column no border */
    .pkgColumn:last-child {
      border-right: none;
    }
    /* Feature (left) column */
    .pkgFeature {
      background: #f8f9fa;
      font-weight: 600;
      color: #222;
      position: sticky;
      top: 0;
      z-index: 10;
      border-bottom: 2px solid #444;
      padding: 0.8rem 1rem;
      text-align: left;
    }
    /* Package columns header */
    .pkgHeader {
      background: #eee;
      font-weight: 700;
      font-size: 1.1rem;
      color: #444;
      position: sticky;
      top: 0;
      z-index: 10;
      border-bottom: 2px solid #444;
      padding: 0.8rem 1rem;
      text-align: center;
      text-transform: uppercase;
    }
    /* Package names colors */
    .pkgBasic .pkgHeader { color: #a02f6e; }
    .pkgStandard .pkgHeader { color: #0f5cae; }
    .pkgProfessional .pkgHeader { color: #f29100; }
    .pkgEnterprise .pkgHeader { color: #22a49b; }

    /* Each item in list */
    .pkgContainer .pkgItem {
      padding: 5px .5rem;
      border-bottom: 1px solid #eee;
      font-size: 0.95rem;
      min-height: 60px;
      display: flex;
      align-items: center;
      justify-content: center;
		margin-bottom:0!important;
    }
    /* Left column text align left */
    .pkgColumn .pkgItem {
		    flex-wrap: wrap;
      justify-content: flex-start;
      white-space: normal;
		background:none!important;
    }
.pkgColumn .pkgItem span{ display:none; font-weight:bold; width:100%;     font-size: 12px;}
    /* Highlight check/cross */
    .checkmark {
      color: #28a745;
      font-weight: 700;
      font-size: 1.3rem;
    }
    .crossmark {
      color: #dc3545;
      font-weight: 700;
      font-size: 1.3rem;
    }

    /* Scrollbar styling */
    .pkgColumn::-webkit-scrollbar {
      width: 6px;
    }
    .pkgColumn::-webkit-scrollbar-thumb {
      background-color: #bbb;
      border-radius: 3px;
    }
    .pkgColumn:hover::-webkit-scrollbar-thumb {
      background-color: #888;
    }

    /* Responsive: Stack columns vertically on small */
@media (max-width: 992px) {
	.pkgFeature{ display:none;}
	.pkgContainer{ flex-wrap:wrap;}
	.pkgContainer ul {
		min-width: 50%;
		text-align: center;
	}
	.pkgColumn .pkgItem{justify-content: center; color: #787878;}
	.pkgColumn .pkgItem span{ display:block; color: #000;}
}

    @media (max-width: 767px) {
		.pkgContainer .pkgColumn { width:100%;}
		ul.pkgColumn{ min-width:100%; max-width:100%;}
      .pkgContainer {
        flex-direction: column;
        height: auto;
      }
      .pkgColumn {
        max-width: 100%;
        height: auto;
        overflow-y: visible;
        border-right: none;
        border-bottom: 1px solid #ddd;
      }
      .pkgColumn:last-child {
        border-bottom: none;
      }
      .pkgItem {
        min-height: auto;
        padding: 0.6rem 1rem;
      }
      .pkgFeature .pkgItem {
        justify-content: flex-start;
      }
      .pkgHeader {
        position: relative;
        top: auto;
        border-bottom: 1px solid #bbb;
      }
    }




.btn-custom {
    background: #fff;
    color: #5c4dff;
    font-weight: 600;
    border-radius: 10px;
    padding: 10px 20px;
}
.featured .btn-custom {
    background: #fff;
    color: #5c4dff;
}

.mainArea h3{ margin-bottom:20px;}

.mainArea p{ margin-bottom:15px;}
.mainArea ul{  margin-bottom:15px;}
.mainArea ul li{ list-style:none!important; margin-bottom: 8px; 
background: url(../images/dot.png) 0 5px no-repeat;
    background-size: 15px;
    padding-left: 20px;
}

.tableformat tr td{border-bottom:1px solid #ccc;padding:15px;font-size:16px;color:#064790;}
.tableformat tr td a{color:#034ea2;font-size:16px}
.tableformat tr td a:hover{color:#ed1a3b}
.tableformat tr td.thead{color:#424242;background:#dedede;font-weight:400;text-transform:uppercase;font-size:13px;font-weight:bold!important;}


.custom-style {
	width: 100%;
	display: inline-block;
	padding: 45px 0
}

.comman-title-box {
	text-align: center;
	margin-bottom: 35px
}

.comman-title {
	color: var(--primarycolor);
	font-size: 50px;
	font-weight: 700;
	text-transform: uppercase
}

.comman-title span {
	color: var(--secondarycolor)
}

.custom-title {
	font-size: 50px;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 90px;
	font-weight: 900;
	background-clip: text;
	-webkit-background-clip: text;
	text-decoration: none;
	color: transparent;
	background-color: transparent;
	background-image: linear-gradient(262deg, #E24C4A 0%, #386BB7 100%);
	background-size: 400% 400%;
	-webkit-text-fill-color: transparent;
	animation: wavyGradient 6s ease-in-out infinite
}

.comman-btn {
	display: inline-block;
	color: var(--lightcolor);
	background: var(--buttoncolor);
	font-size: 16px;
	font-weight: 600;
	text-transform: capitalize;
	letter-spacing: 1px;
	padding: 10px 25px;
	border-radius: 10px;
	box-shadow: 0 4px 8px #00000026;
	cursor: pointer;
	transition: .3s ease
}

.comman-btn:hover {
	background: linear-gradient(90deg, #ff3b30, #0057ff);
	;
	color: #fff;
}

.comman-btn.view-btn {
	background: var(--primarycolor)
}

.owl-nav {
	margin: 0 !important
}

.owl-carousel .owl-prev,
.owl-carousel .owl-next {
	width: 38px;
	height: 38px;
	border-radius: 50% !important;
	display: flex !important;
	justify-content: center;
	align-items: center;
	color: var(--lightcolor) !important;
	background-color: var(--primarycolor) !important;
	box-shadow: 0 2px 5px #0003;
	position: absolute;
	top: 39%;
	z-index: 1
}

.owl-carousel .owl-prev i,
.owl-carousel .owl-next i {
	font-size: 16px;
	margin: 0 !important
}

.owl-carousel .owl-prev {
	left: -22px
}

.owl-carousel .owl-next {
	right: -22px
}

.owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span {
	background-color: var(--primarycolor) !important
}

.top-scroll {
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	color: var(--lightcolor);
	background: linear-gradient(90deg, #0057ff, #ff3b30);
	font-size: 20px;
	text-align: center;
	align-content: center;
	position: fixed;
	bottom: 42px;
	right: 20px;
	z-index: 999999;
	animation: move2 1s linear infinite alternate;
	opacity: 0
}

.visible {
	opacity: 1
}

.servicescontent-box img {
	margin: 25px 0;
}

.ftlinect {
	text-align: center;
	padding: 10px 0;
	border-top: 1px solid #ccc;
	margin-top: 10px;
}


/*BLOG*/
.seocheckout {
	background: #0755ad;
	margin-bottom: 45px;
	padding: 35px 25px;
	display: flex;
	justify-content: space-between !important;
}

.seocheckout .seochkImg {
	width: 40%;
}

.seocheckout .seochkImg img {
	width: 299px;
	object-fit: contain;
	max-width: 100%;
	margin-left: auto;
	display: block;
}

.seocheckout .seochkCont {
	width: 60%;
}

.seochkContLine {
	display: flex;
	justify-content: space-between !important;
	margin-top: 22px;
}

.seochkContLine .seochkContLineInn {
	width: 50%;
	display: flex;
	background: #fff;
	-webkit-border-radius: 22px;
	-moz-border-radius: 22px;
	border-radius: 22px;
	padding: 15px;
	margin: 0 10px;
}

.seochkContLine .seochkContLineInn h4 {
	font-size: 22px;
	font-family: 'poppinsmedium';
	color: #0755ad;
	margin-bottom: 9px;
}

.seochkContLine .seochkContLineInn img {
	width: 70px;
	object-fit: contain;
	height: auto !important;
	margin-right: 12px;
}

.indutriesBox {
	text-align: center;
	margin-top:25px;
}

.indutriesBox a {
	display: inline-block;
	padding: 8px 12px;
	margin:5px 2px;
	border-radius: 10px;
	background-color: transparent;
	border: 2px solid var(--secondarycolor);
	color: var(--darkcolor);
	background: none;
	background: var(--lightcolor);
	border: 1px solid transparent;
	border-radius: 12px;
	background-image: linear-gradient(#fff, var(--lightcolor)), linear-gradient(90deg, #0057ff, #ff3b30);
	background-origin: border-box;
	background-clip: padding-box, border-box;

}

.services-box .description-box {
	min-height: 92px;
}

.postsdetail-panel h2 a {
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}


.relatedPost .services-box h2 a {
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.relatedPost .services-box figure {
	width: 100%;
	height: 166px;
}

/*BLOG END*/

/*VIDEO*/
.csslider>input:nth-of-type(1):checked~ul>li:first-of-type .videoCover {
	height: 100%;
	overflow-x: hidden;
	text-align: center;
	margin-top: 50px;
}

.videoCover li {
	list-style: none;
	background: none !important;
}

.videoCover .soKeyword {
	padding: 0;
}

.csslider>.arrows label.goto-first {
	display: none;
}

.csslider>.arrows label.goto-last {
	display: none;
}

.csslider>ul {
	overflow-x: auto;
	max-width: 1500px;
}

.csslider {
	margin: 0 8px;
	-moz-perspective: 1300px;
	-ms-perspective: 1300px;
	-webkit-perspective: 1300px;
	perspective: 1300px;
	display: inline-block;
	text-align: left;
	position: relative;
	margin-bottom: 22px;
}

.csslider>input {
	display: none;
}

.csslider>input:nth-of-type(10):checked~ul>li:first-of-type {
	margin-left: -900%;
}

.csslider>input:nth-of-type(9):checked~ul li:first-of-type {
	margin-left: -800%;
}

.csslider>input:nth-of-type(8):checked~ul li:first-of-type {
	margin-left: -700%;
}

.csslider>input:nth-of-type(7):checked~ul>li:first-of-type {
	margin-left: -600%;
}

.csslider>input:nth-of-type(6):checked~ul>li:first-of-type {
	margin-left: -500%;
}

.csslider>input:nth-of-type(5):checked~ul>li:first-of-type {
	margin-left: -400%;
}

.csslider>input:nth-of-type(4):checked~ul>li:first-of-type {
	margin-left: -300%;
}

.csslider>input:nth-of-type(3):checked~ul>li:first-of-type {
	margin-left: -200%;
}

.csslider>input:nth-of-type(2):checked~ul>li:first-of-type {
	margin-left: -100%;
}

.csslider>input:nth-of-type(1):checked~ul>li:first-of-type {
	margin-left: 0%;
}

.csslider>ul li ul li {
	margin-left: 0;
}

.csslider>ul {
	position: relative;
	/*width: 820px;
			height: 420px;*/

	max-width: 1100px;

	width: 100%;


	z-index: 1;
	font-size: 0;
	line-height: 0;
	border: 0 solid #ffffff;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	white-space: nowrap;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.csslider>ul>li {
	position: relative;
	display: inline-block;
	padding: 0;
	margin: 0 1%;
	width: 48.5%;
	height: 100%;
	overflow: hidden;
	font-size: 15px;
	font-size: initial;
	line-height: normal;
	-moz-transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);
	-o-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);
	transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);
	vertical-align: top;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	white-space: normal;
}

.csslider>.navigation {
	position: absolute;
	bottom: -8px;
	left: 50%;
	z-index: 10;
	margin-bottom: -10px;
	font-size: 0;
	line-height: 0;
	text-align: center;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.csslider>.navigation>div {
	margin-left: -100%;
}

.csslider>.navigation label {
	position: relative;
	display: inline-block;
	cursor: pointer;
	border-radius: 50%;
	margin: 0 4px;
	padding: 4px;
	background: #3A3A3A;
}

.csslider>.navigation label:hover:after {
	opacity: 1;
}

.csslider>.navigation label:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -6px;
	margin-top: -6px;
	background: #ff0000;
	border-radius: 50%;
	padding: 6px;
	opacity: 0;
}

.csslider>.arrows {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.csslider.inside .navigation {
	bottom: 10px;
	margin-bottom: 10px;
}

.csslider>input:nth-of-type(1):checked~.navigation label:nth-of-type(1):after,
.csslider>input:nth-of-type(2):checked~.navigation label:nth-of-type(2):after,
.csslider>input:nth-of-type(3):checked~.navigation label:nth-of-type(3):after,
.csslider>input:nth-of-type(4):checked~.navigation label:nth-of-type(4):after,
.csslider>input:nth-of-type(5):checked~.navigation label:nth-of-type(5):after,
.csslider>input:nth-of-type(6):checked~.navigation label:nth-of-type(6):after,
.csslider>input:nth-of-type(7):checked~.navigation label:nth-of-type(7):after,
.csslider>input:nth-of-type(8):checked~.navigation label:nth-of-type(8):after,
.csslider>input:nth-of-type(9):checked~.navigation label:nth-of-type(9):after,
.csslider>input:nth-of-type(10):checked~.navigation label:nth-of-type(10):after,
.csslider>input:nth-of-type(11):checked~.navigation label:nth-of-type(11):after {
	opacity: 1;
}

.csslider>.arrows {
	position: absolute;
	left: -31px;
	top: 50%;
	width: 100%;
	height: 26px;
	padding: 0 31px;
	z-index: 0;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

.csslider>.arrows label {
	display: none;
	position: absolute;
	top: -50%;
	padding: 13px;
	box-shadow: inset 2px -2px 0 1px #3A3A3A;
	cursor: pointer;
	-moz-transition: box-shadow 0.15s, margin 0.15s;
	-o-transition: box-shadow 0.15s, margin 0.15s;
	-webkit-transition: box-shadow 0.15s, margin 0.15s;
	transition: box-shadow 0.15s, margin 0.15s;
}

.csslider>.arrows label:hover {
	box-shadow: inset 3px -3px 0 2px #ff0000;
	margin: 0 0px;
}

.csslider>.arrows label:before {
	content: '';
	position: absolute;
	top: -100%;
	left: -100%;
	height: 300%;
	width: 300%;
}

.csslider.infinity>input:first-of-type:checked~.arrows label.goto-last,
.csslider>input:nth-of-type(1):checked~.arrows>label:nth-of-type(0),
.csslider>input:nth-of-type(2):checked~.arrows>label:nth-of-type(1),
.csslider>input:nth-of-type(3):checked~.arrows>label:nth-of-type(2),
.csslider>input:nth-of-type(4):checked~.arrows>label:nth-of-type(3),
.csslider>input:nth-of-type(5):checked~.arrows>label:nth-of-type(4),
.csslider>input:nth-of-type(6):checked~.arrows>label:nth-of-type(5),
.csslider>input:nth-of-type(7):checked~.arrows>label:nth-of-type(6),
.csslider>input:nth-of-type(8):checked~.arrows>label:nth-of-type(7),
.csslider>input:nth-of-type(9):checked~.arrows>label:nth-of-type(8),
.csslider>input:nth-of-type(10):checked~.arrows>label:nth-of-type(9),
.csslider>input:nth-of-type(11):checked~.arrows>label:nth-of-type(10) {
	display: block;
	left: 0;
	right: auto;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.csslider.infinity>input:last-of-type:checked~.arrows label.goto-first,
.csslider>input:nth-of-type(1):checked~.arrows>label:nth-of-type(2),
.csslider>input:nth-of-type(2):checked~.arrows>label:nth-of-type(3),
.csslider>input:nth-of-type(3):checked~.arrows>label:nth-of-type(4),
.csslider>input:nth-of-type(4):checked~.arrows>label:nth-of-type(5),
.csslider>input:nth-of-type(5):checked~.arrows>label:nth-of-type(6),
.csslider>input:nth-of-type(6):checked~.arrows>label:nth-of-type(7),
.csslider>input:nth-of-type(7):checked~.arrows>label:nth-of-type(8),
.csslider>input:nth-of-type(8):checked~.arrows>label:nth-of-type(9),
.csslider>input:nth-of-type(9):checked~.arrows>label:nth-of-type(10),
.csslider>input:nth-of-type(10):checked~.arrows>label:nth-of-type(11),
.csslider>input:nth-of-type(11):checked~.arrows>label:nth-of-type(12) {
	display: block;
	right: 0;
	left: auto;
	-moz-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}

/*#region MODULES */

#slider1 {
	/*margin: 0;*/
	font-family: 'Lato';
}

#slider1>input:nth-of-type(3):checked~ul #bg {
	width: 80%;
	padding: 22px;
	-moz-transition: .5s .5s;
	-o-transition: .5s .5s;
	-webkit-transition: .5s .5s;
	transition: .5s .5s;
}

#slider1>input:nth-of-type(3):checked~ul #bg div {
	-moz-transform: translate(0);
	-ms-transform: translate(0);
	-o-transform: translate(0);
	-webkit-transform: translate(0);
	transform: translate(0);
	-moz-transition: .5s .9s;
	-o-transition: .5s .9s;
	-webkit-transition: .5s .9s;
	transition: .5s .9s;
}

video {
	width: 100%;
	height: auto;
	background: transparent url('') no-repeat 0 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/*END VIDEO*/


.whatsapp {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 9999999;
	border-radius: 50%;
	box-shadow: 0 4px 6px #0000004d;
	width: 60px;
	height: 60px;
	animation: pluse 2s linear infinite;

	/*position:fixed;bottom:20px;right:20px;z-index:9999;border-radius:50%;box-shadow:0 4px 6px #0000004d;width:60px;height:60px;animation:pluse 2s linear infinite*/
}

.pagination {
	margin-top: 20px;
	justify-content: center
}

.pagination .page-link {
	color: var(--darkcolor);
	font-size: 15px;
	font-weight: 500;
	padding: 8px 18px;
	border-radius: 10px;
	margin: 0 11px;
	border: 1px solid var(--primarycolor)
}

.pagination .page-link i {
	font-size: 13px;
	width: unset
}

.pagination .page-link:focus {
	box-shadow: none;
	color: var(--lightcolor);
	background-color: var(--primarycolor)
}

.pagination .active {
	color: var(--lightcolor);
	background-color: var(--primarycolor)
}

.pagination .page-link:hover,
.pagination .page-link:active {
	color: var(--lightcolor);
	background-color: var(--primarycolor)
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
	border-radius: 10px
}

.bg-color {
	background-color: var(--bgcolor)
}

.header {
	width: 100%;
	background-color: var(--lightcolor);
	box-shadow: #959da533 0 8px 24px;
	position: sticky;
	top: 0;
	left: 0;
	z-index: 999999999
}

.header .navbar {
	padding: 0
}

.header .nav-header {
	display: none
}

.header img {
	height: 60px;
	object-fit: contain
}

.header .dropdown-toggle::after {
	display: none
}

.header .item-wrapper {
	display: flex;
	align-items: baseline;
	cursor: pointer
}

.header .nav-item {
	margin: 0 10px
}

.header .nav-link {
	color: #333;
	font-size: 17px;
	font-weight: 600;
	text-transform: capitalize;
	padding: 25px 0 !important;
	transition: all .4s ease-in-out
}

.header .toggle-icon {
	color: var(--primarycolor);
	font-size: 14px;
	margin-left: 3px
}

.header .nav-link:hover {
	color: var(--primarycolor)
}

.header .dropdown-menu {
	padding: 0;
	border: 0;
	background-color: var(--lightcolor);
	box-shadow: #64646f33 0 7px 29px 0;
	overflow: hidden
}

.header .dropdown-menu li {
	border-bottom: 1px solid #347dab2e
}

.header .dropdown-menu li:last-child {
	border-bottom: 0
}

.header .second {
	display: block
}

.header .dropdown-item {
	color: #333;
	font-size: 14px;
	font-weight: 600;
	text-transform: capitalize;
	padding: 10px 12px !important;
	transition: all .5s ease-in-out
}

.header .dropdown-item:focus,
.header .dropdown-item:hover {
	color: var(--primarycolor);
	background-color: transparent;
}

.header .mega-menu {
	width: 100%;
	left: 0
}

.header .inner-menu-box {
	padding: 20px 12px
}

.header .menu-title {
	color: var(--primarycolor);
	font-size: 16px;
	font-weight: 600;
	text-transform: capitalize;
	margin-bottom: 12px;
	pointer-events: none
}

.header .mega-menu ul.collapse {
	display: block
}

.header .mega-menu li {
	border-bottom: 0;
	margin-bottom: 10px
}

.header .mega-menu .dropdown-item {
	padding: 0 !important
}

.header ul.spacing {
	margin-bottom: 20px
}

.showDropdownMenu {
	display: block
}

.hero-panel {
	width: 100%;
	text-align: center;
	background: -webkit-linear-gradient(to right, #061161, #780206);
	background: linear-gradient(to right, #061161, #780206);
	position: relative;
	overflow: hidden;
	z-index: 2
}

.hero-panel::before {
	/*content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background-image:url(../images/blur.png);background-repeat:no-repeat;background-size:cover;z-index:1*/
}

.hero-panel .hero-content {
	padding: 118px 150px;
	position: relative;
	z-index: 4
}

.hero-panel h1 {
	color: var(--lightcolor);
	font-size: 56px;
	font-weight: 800;
	text-transform: capitalize;
	line-height: 66px;
	letter-spacing: .5px;
	margin-bottom: 28px
}

.hero-panel p {
	color: var(--lightcolor);
	font-size: 16px;
	font-weight: 500;
	line-height: 25px;
	margin-bottom: 27px
}

.hero-panel ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 40px;
	padding: 0;
	list-style: none
}

.hero-panel ul br {
	display: none
}

.hero-panel li {
	margin: 4px
}

.hero-panel li a {
	display: inline-block;
	width: 230px;
	text-align: center;
	color: #111827;
	background: var(--lightcolor);
	padding: 12px;
	font-size: 14px;
	font-weight: 500;
	text-transform: capitalize;
	border-radius: 50px;
	white-space: nowrap;
	transition: all .4s ease;
	box-shadow: #64646f33 0 7px 29px 0;
	box-shadow: #0003 0 12px 28px 0px, #0000001a 0 2px 4px 0px, #ffffff0d 0 0 0 1px inset
}

.hero-panel li a:hover {
	color: #d43f52;
	box-shadow: 0 6px 12px #0003
}

.hero-panel .comman-btn {
	display: inline-flex;
	align-items: center;
	font-size: 20px;
	padding: 15px 28px;
	letter-spacing: normal
}

.hero-panel .comman-btn i {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: var(--lightcolor);
	color: var(--secondarycolor);
	font-size: 16px;
	text-align: center;
	align-content: center;
	transition: all .5s ease-in-out;
	margin-left: 10px
}

.review-panel {
	background-color: var(--lightcolor);
	padding: 20px 0
}

.review-panel .comman-title {
	margin-bottom: 15px
}

.review-panel .comman-title-box p {
	color: var(--textcolor);
	font-size: 18px;
	font-weight: 500
}

.review-panel .title-box {
	height: 100%;
	align-content: center
}

.review-panel h2 {
	color: var(--primarycolor);
	font-size: 53px;
	font-weight: 700;
	text-transform: capitalize;
	align-content: center
}

.review-panel .title-box span {
	color: var(--secondarycolor)
}

.review-panel .review-box {
	background: var(--lightcolor);
	border-radius: 6px;
	padding: 4px 4px;
	text-align: center;
	border: 1px solid #97979759
}

.review-panel .logos {
	width: auto;
	/*height:27px;object-fit:contain;margin-bottom:14px*/
}

.review-panel .rating-box {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden
}

.review-panel .rating-box span {
	display: inline-block;
	font-size: 21px;
	font-weight: 700;
	line-height: normal;
	color: #111827;
	margin-right: 8px
}

.review-panel .rating-box img {
	width: auto;
	height: 19px;
	object-fit: contain;
	margin: 0
}

.review-panel .custom-review-box {
	padding: 20px
}

.review-panel .custom-review-box .logos {
	height: 29px;
	margin-bottom: 17px
}

.review-panel .custom-review-box span {
	font-size: 24px;
	margin-right: 12px
}

.about-panel {
	padding-bottom: 35px
}

.img-box {
	width: 100%;
	height: 575px;
	position: relative
}

.img-box figure {
	width: 100%;
	height: 100%;
	border-radius: 15px
}

.img-box img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: inherit
}

.img-bg-shape {
	position: absolute;
	top: -105px;
	left: -61px;
	width: 100%;
	height: 100%;
	z-index: -1
}

.img-box svg {
	height: 736px
}

.about-panel .comman-title {
	margin-bottom: 14px
}

.about-panel h3 {
	display: block;
	color: #000;
	font-size: 22px;
	line-height: 30px;
	font-weight: 700;
	text-transform: capitalize;
	margin-bottom: 13px
}

.about-panel p {
	color: var(--textcolor);
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 16px
}

.about-panel .comman-btn {
	margin-top: 16px
}

.industries-panel {
	padding: 40px 0
}

.industries-panel .industries-grid {
	display: flex;
	flex-wrap: wrap
}

.industries-item {
	width: 20%;
	height: 170px;
	text-align: center;
	align-content: center;
	border: 1px solid #0000003d;
	position: relative;
	overflow: hidden;
	cursor: pointer
}

.industries-item.item-hidden {
	display: none
}

.industries-item a {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	padding: 45px 15px
}

.industries-item img {
	height: 64px;
	object-fit: contain
}

.industries-item .overlay {
	position: absolute;
	top: 68%;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 17px 15px 15px;
	background-color: var(--lightcolor);
	transition: .55s cubic-bezier(0.22, 1, 0.36, 1)
}

.industries-item:hover .overlay {
	top: 0
}

.industries-item h3 {
	color: #111827;
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 15px
}

.industries-item p {
	color: #000;
	font-size: 16px;
	line-height: 23px;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	line-clamp: 4;
	height: 91px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical
}

.driven-panel,
.seo-service-panel,
.onlinestore-panel {
	background-color: var(--bgcolor)
}

.custom-design .comman-title {
	color: var(--primarycolor);
	font-size: 38px;
	line-height: 49px;
	margin-bottom: 17px
}

.custom-design .comman-title span {
	color: var(--secondarycolor)
}

.custom-design p {
	color: var(--textcolor);
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 15px
}

.custom-design p:last-child {
	margin-bottom: 0
}

.service-groups {
	margin-top: 50px;
	text-align: center
}

.service-groups h3 {
	color: var(--textcolor);
	font-size: 35px;
	font-weight: 700;
	text-transform: capitalize;
	margin-bottom: 32px
}

.service-groups .service-links {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px
}

.service-groups .comman-btn {
	padding: 16px 24px;
	text-align: center;
	font-size: 16px;
	border-radius: 10px;
	border-radius: 10px;
	background-color: transparent;
	border: 2px solid var(--secondarycolor);
	color: var(--darkcolor);
	background: none;
	background: var(--lightcolor);
	border: 1px solid transparent;
	border-radius: 12px;
	background-image: linear-gradient(#fff, var(--lightcolor)), linear-gradient(90deg, #0057ff, #ff3b30);
	background-origin: border-box;
	background-clip: padding-box, border-box
}

.service-groups .comman-btn br {
	display: none
}

.service-groups .comman-btn :hover {
	opacity: .85;
	cursor: pointer
}

.onlinestore-panel .comman-btn span {
	display: block
}

.portfolio-panel {
	padding-bottom: 20px
}

.portfolio-panel .comman-title-box {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.portfolio-box {
	margin-bottom: 33px;
	transition: all .4s ease-in-out
}

.portfolio-box figure {
	width: 100%;
	height: 537px;
	border-radius: 15px;
	box-shadow: #959da533 0 8px 24px;
	margin-bottom: 15px
}

.portfolio-box figure a {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: inherit
}

.portfolio-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: inherit
}

.portfolio-box h3 {
	word-wrap: break-word;
	color: var(--darkcolor);
	font-size: 20px;
	font-weight: 700;
	text-transform: capitalize;
	margin-bottom: 5px;
	text-align: center
}

.portfolio-box h3 a {
	color: var(--darkcolor)
}

.seo-ranking-panel .media-box {
	width: 100%;
	height: 400px;
	border-radius: 15px;
	box-shadow: #959da533 0 8px 24px;
	position: relative;
	overflow: hidden
}

.seo-ranking-panel figure {
	width: 100%;
	height: 100%;
	border-radius: inherit
}

.seo-ranking-panel video,
.seo-ranking-panel img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: inherit
}

.play-btn {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	text-align: center;
	line-height: 65px;
	color: var(--primarycolor);
	background-color: var(--lightcolor);
	font-size: 23px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	display: block;
	margin: auto
}

.play-btn::before,
.play-btn::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 85px;
	height: 85px;
	border-radius: 50%;
	background-color: #fff9;
	z-index: -1
}

.play-btn::after {
	animation: heartbeats 1.8s linear infinite
}

.play-btn.hide {
	opacity: 0;
	visibility: hidden
}

.ai-panel {
	padding-bottom: 40px
}

.ai-panel .bg-wrapper {
	width: 92%;
	margin: 0 auto
}

.ai-panel .ai-box {
	width: 100%;
	height: 600px;
	align-content: center;
	border-radius: 15px;
	padding: 36px;
	background-image: url(../images/bg-image.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	box-shadow: #64646f33 0 7px 29px 0
}

.ai-panel .content-box {
	width: 62%
}

.ai-panel h3 {
	color: var(--lightcolor);
	font-size: 55px;
	font-weight: 700;
	line-height: 66px;
	text-transform: capitalize;
	text-shadow: 1px 2px 4px #0009
}

.ai-panel p {
	color: var(--lightcolor);
	font-size: 23px;
	font-weight: 500
}

.chooseus-panel li {
	margin-bottom: 25px;
	display: flex
}

.chooseus-panel li:last-child {
	margin-bottom: 0
}

.chooseus-panel i {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	color: var(--lightcolor);
	background-color: var(--secondarycolor);
	font-size: 17px;
	text-align: center;
	align-content: center;
	margin-bottom: 17px;
	margin-right: 10px
}

.chooseus-panel .inner-content {
	width: 85%
}

.chooseus-panel h3 {
	color: var(--darkcolor);
	font-size: 18px;
	line-height: 25px;
	font-weight: 600;
	text-transform: capitalize;
	margin-bottom: 10px
}

.chooseus-panel li p {
	color: var(--textcolor);
	font-size: 14px;
	line-height: 20px;
	display: -webkit-box;
	height: 77px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	transition: all .5s ease-in-out
}

.chooseus-panel figure {
	width: 100%;
	align-content: center
}

.chooseus-panel img {
	width: 100%;
	height: 100%;
	object-fit: contain
}

.case-study-panel {
	background-color: var(--bgcolor)
}

.case-study-panel .comman-title-box {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.case-study-panel .study-box {
	width: 100%;
	height: 395px;
	border-radius: 15px;
	position: relative;
	overflow: hidden;
	margin-bottom: 18px;
	z-index: 1
}

.case-study-panel .study-box a {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: inherit
}

.case-study-panel figure {
	width: 100%;
	height: 100%;
	border-radius: inherit
}

.case-study-panel img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: inherit
}

.case-study-panel .study-box::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 47%;
	bottom: 0;
	left: 0;
	background: linear-gradient(to bottom, #0000 0%, #000f 100%);
	pointer-events: none
}

.case-study-panel .study-box::after {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: linear-gradient(to right, #fff0 0%, #ffffff4d 100%);
	transform: skewX(-25deg);
	transition: all .3s ease;
	opacity: 0;
	z-index: 2
}

.case-study-panel .study-box:hover::after {
	animation: shine 1s ease-in-out;
	opacity: 1
}

.case-study-panel .study-content {
	width: 100%;
	border-radius: inherit;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 25px
}

.case-study-panel h3 {
	color: var(--lightcolor);
	font-size: 29px;
	font-weight: 700;
	text-transform: capitalize;
	display: -webkit-box;
	height: 35px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	text-shadow: 0 3px 10px #000c
}

.post-panel {
	padding-bottom: 40px
}

.post-panel .comman-title-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 13px
}

.post-box {
	padding: 15px;
	background-color: var(--lightcolor);
	border-radius: 15px;
	box-shadow: #959da533 0 8px 24px;
	transition: all .4s ease-in-out
}

.post-box figure {
	width: 100%;
	height: 255px;
	border-radius: 10px;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden
}

.post-box figure a {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: inherit
}

.post-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: inherit;
	transition: all .4s ease-in-out
}

.post-box:hover img {
	transform: scale(1.1)
}

.post-box .post-description {
	margin-bottom: 8px
}

.post-box .tag {
	display: inline-block;
	color: var(--lightcolor);
	background-color: #000000d9;
	font-size: 12px;
	font-weight: 600;
	text-transform: capitalize;
	padding: 9px 14px;
	border-radius: 50px;
	box-shadow: #959da533 0 5px 15px;
	box-shadow: #959da533 0 2px 21px;
	position: absolute;
	bottom: 10px;
	left: 10px
}

.post-box .post-meta {
	margin-bottom: 14px
}

.post-box .post-meta span {
	color: #111827bd;
	font-size: 15px;
	font-weight: 500;
	text-transform: capitalize;
	margin-right: 5px
}

.post-box .post-meta a {
	color: #111827bd
}

.post-box .post-meta i {
	color: var(--secondarycolor);
	margin-right: 2px
}

.post-box h3 {
	color: var(--darkcolor);
	font-size: 19px;
	font-weight: 700;
	text-transform: capitalize;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	margin-bottom: 10px
}

.post-box p {
	color: var(--textcolor);
	font-size: 14px;
	width: 80%;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	height: 41px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical
}

.post-box .description {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.post-box .more-btn {
	width: 35px;
	height: 35px;
	border-radius: 50%;
	text-align: center;
	align-content: center;
	border: 2px solid var(--primarycolor)
}

.post-box .more-btn i {
	font-size: 15px;
	transform: rotate(-45deg)
}

.post-panel .owl-carousel .owl-stage-outer {
	padding: 6px 0
}

.post-panel .item {
	padding: 16px
}

.post-panel .owl-carousel .owl-prev {
	left: -14px
}

.post-panel .owl-carousel .owl-next {
	right: -14px
}

.faq-panel {
	background-color: var(--bgcolor);
	padding-bottom: 31px
}

.faq-panel .accordion-item {
	margin-bottom: 20px;
	border: 1px solid #97979742 !important;
	border-radius: 10px;
	box-shadow: #959da533 0 8px 24px
}

.faq-panel .accordion-body {
	border-top: 1px solid #97979742
}

.faq-panel .accordion-button {
	color: var(--darkcolor);
	background-color: transparent;
	font-size: 16px;
	font-weight: 600;
	text-transform: capitalize;
	padding: 15px
}

.faq-panel .accordion-button:focus {
	box-shadow: none
}

.faq-panel p {
	color: var(--textcolor);
	font-size: 15px;
	line-height: 22px
}

.client-panel .bg-wrapper {
	width: 100%;
	padding: 35px;
	border-radius: 15px;
	background-color: var(--lightcolor);
	box-shadow: #0003 0 12px 28px 0px, #0000001a 0 2px 4px 0px, #ffffff0d 0 0 0 1px inset
}

.client-panel .inner-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 25px
}

.client-panel figure {
	flex: 0 1 calc(16.66% - 25px);
	background: var(--lightcolor);
	border-radius: 12px;
	padding: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: #959da533 0 8px 24px;
	border: 1px solid #97979759;
	transition: transform .3s ease, box-shadow .3s ease
}

.client-panel figure img {
	max-width: 100%;
	max-height: 80px;
	object-fit: contain
}

.client-panel figure:hover {
	transform: scale(1.05);
	box-shadow: #00000026 0 8px 24px
}

.testimonial-panel {
	background-color: var(--bgcolor)
}

.testimonial-panel .comman-title-box {
	text-align: left
}

.testimonial-panel .testimonial-slide {
	width: 100%;
	background-color: var(--lightcolor);
	border-radius: 15px;
	border: 1px solid #80808045
}

.testimonial-panel .testimonial-slide a {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	padding: 25px
}

.testimonial-panel i {
	color: var(--primarycolor);
	font-size: 48px;
	margin-bottom: 14px;
	text-align: center
}

.testimonial-panel p {
	color: var(--darkcolor);
	font-size: 17px;
	line-height: 24px;
	display: -webkit-box;
	-webkit-line-clamp: 20;
	line-clamp: 20;
	height: 167px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical
}

.testimonial-panel cite {
	display: block;
	color: var(--darkcolor);
	font-size: 18px;
	font-weight: 600;
	font-style: italic;
	margin-top: 18px;
	height: 51px;
	overflow: hidden
}

.testimonial-panel .owl-carousel .owl-prev,
.testimonial-panel .owl-carousel .owl-next {
	position: absolute;
	top: -112px;
	width: 43px;
	height: 43px
}

.testimonial-panel .owl-carousel .owl-prev {
	right: 57px;
	left: unset
}

.testimonial-panel .owl-carousel .owl-next {
	right: -4px
}

.owl-carousel .owl-prev i,
.owl-carousel .owl-next i {
	color: var(--lightcolor)
}

.counter-panel {
	width: 100%;
	background-image: url(../images/achievement.webp);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding: 55px 0;
	position: relative;
	overflow: hidden;
	z-index: 1
}

.counter-panel::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #00000080;
	z-index: -1
}

.counter-panel .bg-wrapper {
	padding: 0 68px
}

.counter-panel .counter-box {
	text-align: center
}

.counter-panel i {
	position: relative;
	text-align: center;
	font-size: 40px;
	width: 100px;
	height: 100px;
	text-align: center;
	align-content: center;
	color: var(--primarycolor);
	background: var(--lightcolor);
	border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
	z-index: 1
}

.counter-panel i::after {
	content: "";
	position: absolute;
	left: 10px;
	top: 10px;
	width: 100%;
	height: 100%;
	border-radius: 30px;
	border: 3px solidvar(--lightcolor);
	border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
	z-index: -1
}

.counter-panel .count {
	margin-top: 21px
}

.counter-panel span {
	color: var(--lightcolor);
	font-size: 40px;
	font-weight: 700
}

.counter-panel h3 {
	color: var(--lightcolor);
	font-size: 17px;
	font-weight: 600;
	text-transform: uppercase;
	margin-top: 7px
}

.footer {
	background-color: var(--bgcolor)
}

.footer .top-footer {
	background-color: var(--primarycolor);
	padding: 12px 0;
	display: none
}

.footer .feedback-box {
	padding: 10px 15px;
	border-radius: 15px;
	background-color: #817c7c00;
	box-shadow: #64646f33 0 7px 29px 0;
	display: inline-flex;
	align-items: center
}

.footer .feedback-box img {
	height: 43px;
	object-fit: contain;
	margin-right: 10px
}

.footer .feedback-box span {
	color: #111827;
	font-size: 23px;
	font-weight: 700;
	text-transform: capitalize
}

.footer .review-info {
	display: flex;
	align-items: center
}

.footer .review-info img {
	height: 21px;
	object-fit: contain;
	margin: 0;
	margin-left: 10px
}

.footer .certificate {
	height: 63px;
	object-fit: contain
}

.footer .feedback {
	height: 100%;
	align-content: center;
	text-align: right
}

.footer .middle-footer {
	padding: 40px 0 26px
}

.footer .ftr-title {
	color: #111827;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 16px
}

.footer li {
	margin-bottom: 6px
}

.footer li:last-child {
	margin-bottom: 0
}

.footer li i {
	color: var(--primarycolor);
	font-size: 13px
}

.footer li a {
	display: inline-block;
	color: var(--textcolor);
	font-size: 16px;
	font-weight: 500;
	text-transform: capitalize;
}

.footer li a:hover {
color:#034ea2;
}

.footer .contact-info li {
	display: flex;
	align-items: center;
	margin-bottom: 12px
}

.footer .contact-info i {
	width: 39px;
	height: 39px;
	border-radius: 50%;
	color: var(--lightcolor);
	background-color: var(--primarycolor);
	text-align: center;
	align-content: center;
	font-size: 16px;
	margin-right: 10px
}

.footer .contact-info a {
	font-weight: 600;
	text-transform: lowercase
}

.footer .our-socials {
	margin-top: 27px
}

.footer .our-socials h3 {
	color: var(--darkcolor);
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 17px
}

.footer .our-socials ul {
	display: flex
}

.footer .our-socials a:hover {

}

.footer .bottom-footer {
	padding: 12px;
	background-color: #ededed
}

.footer p {
	color: var(--textcolor);
	font-size: 14px;
	font-weight: 500
}

.footer .quick-links {
	text-align: right;
	display: flex;
	justify-content: flex-end
}

.footer .quick-links li {
	margin-bottom: 0
}

.footer .bottom-footer a {
	color: var(--textcolor);
	font-size: 14px;
	font-weight: 500;
	text-transform: capitalize
}

.footer .bottom-footer span {
	display: inline-block;
	margin: 0 2px
}

.footer .ftr-title {
	pointer-events: none
}

.footer ul.collapse {
	display: inline-block
}

.footer .certified-box {
	margin-top: 40px;
	border-top: 1px solid #8080802b;
	padding-top: 21px;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.footer .iso-box img {
	height: 84px;
	object-fit: contain;
	margin: 0 10px
}

.footer .rated-box {
	text-align: right;
	height: 100%;
	align-content: center
}

.footer .rated-box img {
	height: 56px;
	border-radius: 10px;
	box-shadow: #959da533 0 8px 24px;
	margin: 0 3px
}

.footer .comman-btn {
	width: 83%;
	text-align: center;
	font-size: 16px;
	padding: 12px;
	margin-top: 27px;
	text-transform: capitalize !important
}

.bubbles-wrap {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	overflow: hidden;
	pointer-events: none
}

.bubbles-wrap .bubble {
	border-radius: 50%;
	box-shadow: none;
	height: 5px;
	position: absolute;
	width: 5px
}

.bubbles-wrap .x1 {
	-webkit-animation: animateBubble 15s linear infinite, sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 15s linear infinite, sideWays 2s ease-in-out infinite alternate;
	left: 6%;
	top: 45%;
	background: #ffb739
}

.bubbles-wrap .x2 {
	-webkit-animation: animateBubble 10s linear infinite, sideWays 4s ease-in-out infinite alternate;
	animation: animateBubble 10s linear infinite, sideWays 4s ease-in-out infinite alternate;
	left: 5%;
	top: 80%;
	background: #fc4fdd
}

.bubbles-wrap .x3 {
	-webkit-animation: animateBubble 18s linear infinite, sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 18s linear infinite, sideWays 2s ease-in-out infinite alternate;
	left: 10%;
	top: 40%;
	background: #5ed5cb
}

.bubbles-wrap .x4 {
	-webkit-animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate;
	animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate;
	left: 20%;
	top: 0;
	background: #3de4a3
}

.bubbles-wrap .x5 {
	-webkit-animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate;
	animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate;
	left: 30%;
	top: 50%;
	background: #fc4fb1
}

.bubbles-wrap .x6 {
	-webkit-animation: animateBubble 11s linear infinite, sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 11s linear infinite, sideWays 2s ease-in-out infinite alternate;
	left: 50%;
	top: 0;
	background: #2c4aff
}

.bubbles-wrap .x7 {
	-webkit-animation: animateBubble 10s linear infinite, sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 10s linear infinite, sideWays 2s ease-in-out infinite alternate;
	left: 65%;
	top: 70%;
	background: #ffb739
}

.bubbles-wrap .x8 {
	-webkit-animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate;
	animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate;
	left: 80%;
	top: 10%;
	background: #8f3de4
}

.bubbles-wrap .x9 {
	-webkit-animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate;
	animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate;
	left: 90%;
	top: 50%;
	background: var(--lightcolor)339
}

.bubbles-wrap .x10 {
	-webkit-animation: animateBubble 16s linear infinite, sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 16s linear infinite, sideWays 2s ease-in-out infinite alternate;
	left: 80%;
	top: 80%;
	background: #fc4f4f
}

.cookies-box {
	width: 100%;
	background: #e1e1e1;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 9999;
	padding: 12px;
	font-size: 17px;
	border-top: 1px solid #aaa;
	box-shadow: #64646f33 0 7px 29px 0;
	text-align: center
}

.cookies-box p {
	color: var(--darkcolor);
	font-size: 16px;
	font-weight: 500
}

.cookies-box .policy-link {
	color: var(--primarycolor);
	font-size: 16px;
	font-weight: 500;
	text-transform: capitalize
}

.cookies-box span {
	display: inline-block;
	margin: 0 8px
}

.cookies-box .btn-style {
	display: inline-block;
	color: var(--lightcolor);
	background-color: var(--primarycolor);
	font-size: 15px;
	font-weight: 500;
	text-transform: capitalize;
	padding: 8px 24px 11px;
	border-radius: 10px;
	box-shadow: 0 4px 8px #00000026
}

.cookies-box .reject-btn {
	background: var(--secondarycolor);
	margin-left: 8px
}

.banner-panel {
	width: 100%;
	height: 320px;
	position: relative;
	overflow: hidden;
	text-align: center
}

.banner-panel img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.banner-panel::before {
	content: "";
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.56);
}

.spic {
	margin-bottom: 25px;
}
.spic img{
    width: auto!important;
    height: auto!important;
    object-fit: initial!important;
	max-width:100%;
}
.servicedetails-panel h2 {
	color: var(--darkcolor);
	font-size: 25px;
	font-weight: 700;
	text-transform: capitalize;
	margin: 28px 0 13px;
}

.servicedetails-panel h3 {
	color: var(--darkcolor);
	font-size: 23px;
	font-weight: 700;
	text-transform: capitalize;
	margin: 28px 0 13px;
}

.servicedetails-panel h4 {
	font-size: 20px;
	font-weight: 600;
	margin: 28px 0 13px;
}

img.innerimgresponsive {
	width: 100%;
}

.competitiveKeyword {}

.competitiveKeyword h2 {
	text-align: center;
}

.competitiveKeyword p {
	text-align: center;
	margin-bottom: 27px !important;
}

.servicedetails-panel .servicescontent-box ul {
	margin: 0;
	padding-bottom: 15px;
}

.servicedetails-panel .ourWorkBox h2 {
	text-align: center;
	margin-bottom: 35px;
}

.servicedetails-panel .ourWorkBox ul {
	margin: 0;
	padding-bottom: 15px;
	padding-left: 17px;
}

.servicedetails-panel .ourWorkBox ul li {
	width: 15.4%;
	display: inline-block;
	text-align: center;
	margin: 0 2% 40px !important;
	padding: 0 !important;
	vertical-align: top;
	background: none !important
}

.servicedetails-panel .ourWorkBox ul li img {
	display: block;
	margin: 0 auto 15px;
	max-width: 109px;
}

.servicedetails-panel .ourWorkBox ul li span {
	font-size: 16px;
	margin-bottom: 8px;
	list-style: disc;
}

.centerImg {
	margin: 22px auto 32px auto;
	display: block;
}

.corporatecontent {
	margin: 0;
	padding: 30px 40px 50px;
	min-height: 400px;
}

.spic {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.whatMakes {
	margin-bottom: 35px
}

.whatMakes h2 {
	font-size: 25px !important;
	text-align: center;
	border-bottom: 0 !important;
	margin-bottom: 35px !important
}

.whatMakes ul {
	margin: 0 !important;
	padding: 0
}

.whatMakes ul li {
	width: 28.8%;
	display: inline-block;
	background: none !important;
	text-align: center;
	margin: 0 2% 40px !important;
	padding: 0 !important;
	vertical-align: top
}

.whatMakes ul li img {
	display: block;
	margin: 0 auto 15px
}

.whatMakes ul li span {
	font-size: 18px;
	font-weight: 600;
	display: block;
	text-align: center
}


.banner-panel .banner-title {}

.bannerContent {
	display: block;
	width: 100%;
	color: var(--lightcolor);
	background-clip: text;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}

.bannerContent .banner-title {
	font-size: 53px;
	font-weight: 700;
	text-transform: capitalize;
}

.bannerContent .banner-text {
	font-size: 21px;
	line-height: 30px;
	color: #fff;
	display: block;
	padding: 0 2%;
}

.error-notice-box {
	text-align: center;
	padding: 100px 0px;
}

.error-notice-box span {
	display: block;
	color: var(--textcolor);
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase;
}

.error-notice-box h2 {
	color: var(--darkcolor);
	font-size: 198px;
	font-weight: 900;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 12px;
}

.error-notice-box p {
	color: var(--textcolor);
	font-size: 17px;
	line-height: 26px;
	margin-bottom: 35px;
}

.error-notice-box a {
	display: inline-block;
	color: var(--lightcolor);
	background: var(--primarycolor);
	font-size: 16px;
	font-weight: 600;
	text-transform: capitalize;
	letter-spacing: 1px;
	padding: 13px 25px;
	border-radius: 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

/*-------------------------------------------------*/
.breadcrumbs-panel {
	width: 100%;
	padding: 14px 0;
	background-color: #efefef8a
}

.breadcrumbs {
	display: flex;
	align-items: center
}

.breadcrumbs li {
	color: var(--textcolor);
	font-size: 17px;
	font-weight: 500;
	text-transform: capitalize
}

.breadcrumbs a {
	color: inherit
}

.breadcrumbs li.active {
	color: var(--primarycolor)
}

.breadcrumbs span {
	display: inline-block;
	margin: 0 9px 0 5px
}

.discover-panel {
	padding-top: 40px;
	background-color: var(--bgcolor)
}

.discover-panel .comman-title-box {
	margin-bottom: 19px
}

.discover-panel .inner-content {
	padding: 0 121px;
	text-align: center
}

.discover-panel p {
	color: var(--textcolor);
	font-size: 17px;
	font-weight: 500;
	line-height: 25px
}

.mission-panel {
	background-color: var(--bgcolor)
}

.mission-panel .comman-title {
	margin-bottom: 17px
}

.mission-panel p {
	color: var(--textcolor);
	font-size: 16px;
	margin-bottom: 29px
}

.mission-panel .box {
	padding: 20px;
	border-radius: 15px;
	background-color: var(--lightcolor);
	box-shadow: #64646f33 0 7px 29px 0;
	margin-bottom: 18px
}

.mission-panel .box:last-child {
	margin-bottom: 0
}

.mission-panel .title-box {
	display: flex;
	align-items: center;
	margin-bottom: 15px
}

.mission-panel .title-box img {
	width: 44px;
	object-fit: contain;
	margin-right: 20px
}

.mission-panel h3 {
	color: var(--darkcolor);
	font-size: 21px;
	font-weight: 600;
	text-transform: capitalize
}

.mission-panel .box p {
	color: var(--textcolor);
	font-size: 15px;
	line-height: 23px;
	margin-bottom: 0
}

.mission-panel figure {
	width: 100%;
	height: 100%;
	border-radius: 15px
}

.mission-panel img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: inherit
}

.core-values-panel .value-box {
	padding: 25px;
	border-radius: 15px;
	background-color: var(--lightcolor);
	box-shadow: #64646f33 0 7px 29px 0;
	margin-bottom: 24px;
	position: relative
}

.core-values-panel h3 {
	color: var(--darkcolor);
	font-size: 21px;
	font-weight: 600;
	text-transform: capitalize;
	margin-bottom: 12px
}

.core-values-panel p {
	color: var(--textcolor);
	font-size: 16px;
	line-height: 23px;
	display: -webkit-box;
	-webkit-line-clamp: 10;
	line-clamp: 10;
	height: 91px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical
}

.core-values-panel figure {
	width: 350px;
	height: 350px;
	border-radius: 50%;
	border: 10px solid var(--lightcolor);
	box-shadow: #959da533 0 8px 24px;
	margin: 0 auto
}

.core-values-panel img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: inherit
}

.certification-panel {
	background-color: var(--bgcolor)
}

.certification-panel .certification-wrapper {
	width: 80%;
	margin: 0 auto
}

.certification-panel figure {
	width: 100%;
	padding: 20px;
	border-radius: 15px;
	background-color: var(--lightcolor);
	box-shadow: #959da533 0 8px 24px;
	text-align: center;
	border-top: 2px solid var(--secondarycolor);
	overflow: hidden
}

.certification-panel img {
	height: 100px;
	object-fit: contain
}

.iso-certificate-panel figure {
	width: 100%;
	border-radius: 15px;
	box-shadow: #959da533 0 8px 24px;
	background-color: var(--lightcolor);
	padding: 5px
}

.iso-certificate-panel img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: inherit
}

.iso-certificate-panel .comman-title {
	margin-bottom: 20px
}

.iso-certificate-panel p {
	color: var(--textcolor);
	font-size: 20px;
	line-height: 28px;
	margin-bottom: 15px
}

.iso-certificate-panel p:last-child {
	margin-bottom: 0
}

.teams-panel .teams-box {
	width: 100%;
	height: 400px;
	border-radius: 15px
}

.teams-panel a {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 15px;
	position: relative;
	overflow: hidden
}

.teams-panel a::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(181.78deg, #0000 47.87%, #000c 81.02%);
	z-index: 1
}

.teams-panel figure {
	width: 100%;
	height: 100%;
	border-radius: 15px;
	overflow: hidden
}

.teams-panel img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 15px;
	transition: all .4s ease-in-out
}

.teams-panel .teams-info {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	transform: translateY(-18px);
	text-align: center;
	transition: all .3s ease-in-out;
	z-index: 2
}

.teams-panel h3 {
	color: var(--lightcolor);
	font-size: 21px;
	font-weight: 600;
	text-transform: capitalize;
	margin-bottom: 10px
}

.teams-panel p {
	color: var(--lightcolor);
	font-size: 16px;
	font-weight: 500;
	text-transform: capitalize
}

.teams-panel a:hover img {
	transform: scale(1.1)
}

.teams-panel a:hover .teams-info {

}

.trackrecord-panel {
	background-color: var(--bgcolor)
}

.trackrecord-panel .record-box {
	text-align: center
}

.trackrecord-panel h3 {
	color: var(--darkcolor);
	font-size: 33px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 18px
}

.trackrecord-panel p {
	color: #000000ad;
	font-size: 15px;
	padding: 0 69px
}

.schedule-panel .comman-title-box {
	margin-bottom: 23px
}

.schedule-panel .schedule-note {
	text-align: center;
	padding: 0 138px
}

.schedule-panel p {
	color: var(--textcolor);
	font-size: 16px;
	font-weight: 500;
	line-height: 24px
}

.schedule-panel .comman-btn {
	margin-top: 30px
}

.form-wrapper {
	padding: 15px;
	border-radius: 15px;
	box-shadow: #64646f33 0 7px 29px 0
}

.form-box {
	padding: 40px 18px 40px 30px;
	height: 100%;
	align-content: center;
	border-radius: 0 15px 15px 0
}
.form-control::placeholder {
  opacity: 0.5;
  color: #000;
}
.form-box textarea::placeholder {
  opacity: 0.5;
  color: #000;
}


.form-box h2 {
	color: var(--darkcolor);
	font-size: 32px;
	font-weight: 700;
	text-transform: capitalize;
	margin-bottom: 28px
}

.form-box .input-box {
	position: relative;
	overflow: hidden;
	margin-bottom: 25px
}

.form-box label {
	color: var(--darkcolor);
	font-size: 18px;
	position: absolute;
	top: 10px;
	right: 15px
}

.form-control {
	color: var(--textcolor);
	font-size: 16px;
	padding: 10px 15px;
	outline: none
}

.form-control::placeholder {
	color: var(--darkcolor)
}

.form-control:focus {
	box-shadow: none;
	border-color: var(--primarycolor)
}

.form-box .submit-btn-box {
	text-align: center;
	margin-top: 32px
}

.form-box .submit-btn {
	color: var(--lightcolor);
	background: var(--buttoncolor);
	font-size: 16px;
	font-weight: 600;
	text-transform: capitalize;
	letter-spacing: 1px;
	padding: 11px 33px;
	border-radius: 10px;
	box-shadow: 0 4px 8px #00000026
}

.contact-info-box {
	padding: 40px;
	background-color: var(--secondarycolor);
	height: 100%;
	border-radius: 15px 0 0 15px
}

.contact-info-box h1 {
	color: var(--lightcolor);
	font-size: 33px;
	font-weight: 700;
	text-transform: capitalize;
	margin-bottom: 15px
}

.contact-info-box i {
	display: inline-block;
	width: 58px;
	height: 58px;
	border-radius: 10px;
	color: var(--secondarycolor);
	background-color: var(--lightcolor);
	font-size: 24px;
	text-align: center;
	line-height: 58px;
	margin-right: 18px
}

.contact-info-box ul li {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #ffffff54;
	padding: 20px 0
}

.contact-info-box ul li:last-child {
	margin-bottom: 0;
	border-bottom: 0
}

.contact-info-box .info-box {
	width: 80%
}

.contact-info-box h3 {
	color: var(--lightcolor);
	font-size: 19px;
	font-weight: 700;
	text-transform: capitalize;
	margin-bottom: 10px
}

.contact-info-box a {
	color: var(--lightcolor);
	font-size: 15px;
	font-weight: 500
}

.map-panel {
	padding-top: 0 !important
}

.map-panel .map-box {
	width: 100%;
	height: 430px;
	border-radius: 15px;
	box-shadow: #64646f33 0 7px 29px 0
}

.map-panel iframe {
	width: 100%;
	height: 100%;
	border-radius: inherit
}

.servicedetails-panel {
	padding-bottom: 30px
}

.servicescontent-box .featured-img {
	width: 100%;
	height: 568px;
	border-radius: 15px;
	margin: 0;
	margin-bottom: 34px
}

.servicescontent-box img {
	/*width:100%;*/
	max-width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 15px
}

.servicescontent-box .title-1 {
	color: var(--primarycolor);
	font-size: 34px;
	font-weight: 700;
	text-transform: capitalize;
	margin-bottom: 18px
}

.servicescontent-box .title-2 {
	color: var(--darkcolor);
	font-size: 25px;
	font-weight: 700;
	text-transform: capitalize;
	margin: 28px 0 13px
}

.servicescontent-box .title-3 {
	color: var(--darkcolor);
	font-size: 22px;
	font-weight: 600;
	text-transform: capitalize;
	margin: 25px 0 13px
}

.servicescontent-box p {
	color: var(--textcolor);
	font-size: 16px;
	line-height: 25px;
	margin-bottom: 12px
}

.servicescontent-box ul {
	padding-left: 17px;
	margin: 28px 0 12px
}

.servicescontent-box li {
	color: var(--textcolor);
	font-size: 16px;
	margin-bottom: 8px;
	list-style: disc
}

.servicescontent-box li::marker {
	color: var(--secondarycolor)
}

.servicescontent-box .img-box {
	width: 100%;
	height: 476px;
	display: flex;
	column-gap: 18px;
	border-radius: 15px;
	margin: 35px 0
}

.servicescontent-box .img-box figure {
	width: 50%;
	height: 100%;
	border-radius: 15px;
	margin: 0 !important;
	border: none
}

.servicescontent-box .custom-list {
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	column-gap: 10px
}

.servicescontent-box .custom-list li {
	width: 24%;
	list-style: none;
	border: 1px solid var(--secondarycolor);
	border-radius: 10px;
	margin-bottom: 10px;
	background-color: transparent;
	border: 1px solid transparent;
	background-image: linear-gradient(#fff, var(--lightcolor)), linear-gradient(90deg, #0057ff, #ff3b30);
	background-origin: border-box;
	background-clip: padding-box, border-box
}

.servicescontent-box .custom-list li a {
	display: block;
	width: 100%;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	padding: 12px 10px
}

.servicescontent-box .custom-list br {
	display: none
}

.servicescontent-box .video-box {
	width: 100%;
	height: 520px;
	border: 1px solid #000;
	border-radius: 15px;
	margin: 30px 0
}

.servicescontent-box video,
.servicescontent-box iframe {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: inherit
}

.servicescontent-box .nav {
	border: none;
	flex-wrap: nowrap;
	overflow-x: auto;
	padding: 0;
	margin: 0
}

.postcontent-box {
	padding: 20px;
	background-color: var(--lightcolor);
	box-shadow: #64646f33 0 7px 29px 0;
	border-radius: 15px
}

.postcontent-box figure {
	width: 100%;
	height: auto;
	border-radius: 15px;
	margin: 28px 0
}

.postcontent-box .featured-image {
	width: 100%;
	height: 450px;
	border-radius: 15px 15px 0 0;
	position: relative;
	overflow: hidden;
	margin: 0;
	margin-bottom: 24px
}

.postcontent-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 15px;
}

.postcontent-box .post-meta {
	margin-bottom: 24px
}

.postcontent-box .post-meta span {
	display: inline-block;
	font-size: 16px;
	color: #111827bd;
	font-weight: 600;
	margin-right: 8px
}

.postcontent-box .post-meta a {
	color: #111827bd
}

.postcontent-box .post-meta i {
	color: var(--secondarycolor);
	font-size: 17px;
	margin-right: 2px
}

.postcontent-box .post-title1 {
	color: var(--primarycolor);
	font-size: 32px;
	font-weight: 700;
	text-transform: capitalize;
	margin-bottom: 15px
}

.postcontent-box .post-title2 {
	color: var(--darkcolor);
	font-size: 25px;
	font-weight: 700;
	text-transform: capitalize;
	margin: 27px 0 16px
}

.postcontent-box .post-title3 {
	color: var(--darkcolor);
	font-size: 22px;
	font-weight: 600;
	text-transform: capitalize;
	margin: 27px 0 16px
}

.postcontent-box p {
	color: var(--textcolor);
	font-size: 16px;
	line-height: 25px;
	margin-bottom: 15px
}

.postcontent-box .inner-img {
	width: 100%;
	height: 360px;
	border-radius: 15px
}

.postcontent-box .mobile-visible {
	display: none
}

.sidebar-widgets form {
	margin-top: 27px
}

.postcontent-box .list {
	padding-left: 17px
}

.postcontent-box .list li {
	color: var(--textcolor);
	font-size: 15px;
	margin-bottom: 15px;
	list-style: disc
}

.postcontent-box .list li::marker {
	color: var(--secondarycolor)
}

.sidebar-widgets {
	width: 100%;
	position: sticky;
	top: 81px;
	right: 0
}

.sidebar-widgets .widgets {
	padding: 20px 15px;
	border-radius: 15px;
	background-color: var(--bgcolor);
	box-shadow: #64646f33 0 7px 29px 0;
	margin-bottom: 20px
}

.sidebar-widgets .widgets:last-child {
	margin-bottom: 0
}

.sidebar-widgets .sidebar-title {
	color: var(--darkcolor);
	font-size: 21px;
	font-weight: 700;
	text-transform: capitalize;
	margin-bottom: 20px
}

.sidebar-widgets .search-bar .input-box {
	margin: 0
}

.sidebar-widgets .search-bar input {
	width: 100%;
	color: var(--darkcolor);
	font-size: 15px;
	padding: 11px 15px;
	border-radius: 4px;
	border: 1px solid #3f3f3f59;
	outline: none
}

.sidebar-widgets i {
	color: gray;
	font-size: 16px
}

.sidebar-widgets .search-bar button {
	background-color: transparent;
	color: var(--primarycolor);
	margin-left: -36px
}

.sidebar-widgets button i {
	color: var(--primarycolor);
	font-size: 16px
}

.sidebar-widgets .post-category-list a {
	color: var(--darkcolor);
	font-size: 16px;
	font-weight: 500
}

.sidebar-widgets .post-category-list li {
	margin-bottom: 15px
}

.sidebar-widgets .post-category-list li:last-child {
	margin-bottom: 0
}

.sidebar-widgets .post-category-list a:hover {
	color: var(--primarycolor)
}

.sidebar-widgets .post-category-list span {
	width: 23px;
	height: 23px;
	border-radius: 6px;
	color: var(--lightcolor);
	background-color: var(--secondarycolor);
	font-size: 13px;
	font-weight: 600;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all .4s ease-in-out
}

.sidebar-widgets .post-category-list a:hover span {
	background-color: var(--primarycolor)
}

.sidebar-widgets .post-list li {
	display: flex;
	align-items: center
}

.sidebar-widgets li {
	margin-bottom: 16px
}

.sidebar-widgets li:last-child {
	margin-bottom: 0
}

.sidebar-widgets img {
	width: 94px;
	height: 94px;
	object-fit: cover;
	border-radius: 10px;
	margin-right: 10px
}

.sidebar-widgets p {
	color: var(--darkcolor);
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	margin-bottom: 12px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	height: 47px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	transition: all .5s ease-in-out
}

.sidebar-widgets .post-date {
	color: var(--textcolor);
	background-color: transparent;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 0
}

.sidebar-widgets .input-box {
	margin-bottom: 15px;
	display: flex
}

.sidebar-widgets .form-control {
	padding: 9px 12px;
	font-size: 15px
}

.sidebar-widgets .submit-btn-box {
	text-align: center;
	margin-top: 10px
}

.keywordCloud {
	padding: 20px 15px
}

.keywordCloud .cloudTitle {
	font-size: 16px;
	font-weight: 600;
	font-family: 'poppinsbold';
	margin-bottom: 12px;
	color: #000
}

.cloudTags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 12px
}

.keywordCloud span {
	display: none
}

.cloudTags a {
	display: inline-block;
	padding: 6px 14px;
	font-size: 14px;
	font-weight: 500;
	color: #555;
	background: #f5f5f5;
	border-radius: 20px;
	text-decoration: none;
	transition: .3s ease;
	border: 1px solid #e5e5e5
}

.cloudTags a:hover {
	background: #000;
	color: #fff;
	border-color: #000;
}

.postlist-panel .post-box {
	margin-bottom: 24px
}

.custom-post-box p {
	font-size: 15px;
	height: 45px
}

.custom-post-box .tag {
	font-size: 13px
}

.portfoliogallery-panel {
	padding-bottom: 20px
}

.comman-tab .nav {
	justify-content: center;
	border: none
}

.comman-tab .nav-item {
	margin: 0 6px 10px
}

.comman-tab .nav-link {
	color: var(--darkcolor);
	font-size: 15px;
	font-weight: 500;
	text-transform: capitalize;
	padding: 12px 26px;
	border: 1px solid var(--secondarycolor);
	border-radius: 3px;
	transition: all .3s ease-in-out
}

.comman-tab .nav-link:hover {
	color: var(--lightcolor);
	background: var(--secondarycolor)
}

.comman-tab .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	color: var(--lightcolor);
	border-color: var(--secondarycolor);
	background: var(--secondarycolor)
}

.portfoliogallery-panel .portfolio-gallery {
	margin-top: 35px
}

@keyframes move {
	0% {
		transform: translate(-50%, -50%) translateY(10px)
	}

	100% {
		transform: translate(-50%, -50%) translateY(-10px)
	}
}

@keyframes move2 {
	0% {
		transform: translateY(-3px)
	}

	100% {
		transform: translateY(3px)
	}
}

@keyframes shine {
	0% {
		left: -75%
	}

	100% {
		left: 125%
	}
}

@keyframes heartbeats {
	from {
		width: 60px;
		height: 60px;
		opacity: .9
	}

	to {
		width: 135px;
		height: 135px;
		opacity: 0
	}
}

@keyframes heartbeats2 {
	from {
		width: 15px;
		height: 15px;
		opacity: .9
	}

	to {
		width: 19px;
		height: 19px;
		opacity: 1
	}
}

@-webkit-keyframes animateBubble {
	0% {
		margin-top: 20%
	}

	to {
		margin-top: -30%
	}
}

@-moz-keyframes animateBubble {
	0% {
		margin-top: 20%
	}

	to {
		margin-top: -30%
	}
}

@keyframes animateBubble {
	0% {
		margin-top: 20%
	}

	to {
		margin-top: -30%
	}
}

@-webkit-keyframes sideWays {
	0% {
		margin-left: 0
	}

	to {
		margin-left: 25px
	}
}

@-moz-keyframes sideWays {
	0% {
		margin-left: 0
	}

	to {
		margin-left: 25px
	}
}

@keyframes sideWays {
	0% {
		margin-left: 0
	}

	to {
		margin-left: 25px
	}
}

@keyframes blink {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@keyframes pluse {
	0% {
		transform: scale(1);
		box-shadow: 0 0 0 0 #25d366b3
	}

	70% {
		transform: scale(1.05);
		box-shadow: 0 0 0 10px #25d36600
	}

	100% {
		transform: scale(1);
		box-shadow: 0 0 0 0 #25d36600
	}
}

.modal {
	z-index: 999999999999
}

.modal-header {
	padding: 10px 15px
}

.modal-title {
	color: var(--primarycolor);
	font-size: 26px;
	font-weight: 700;
	text-transform: capitalize
}

.modal-title span {
	color: var(--secondarycolor)
}

.modal-content {
	border: none;
	box-shadow: #64646f33 0 7px 29px 0
}

.modal .btn-close {
	width: 24px;
	height: 24px;
	background-image: none;
	color: var(--lightcolor);
	background: var(--buttoncolor);
	font-size: 12px;
	padding: 0;
	margin-right: 0;
	text-align: center;
	align-content: center;
	opacity: 1;
	transition: all .5s ease-in-out
}

.modal .btn-close:focus {
	box-shadow: none
}

.modal .form-control {
	font-size: 15px;
	border-color: #dbdddf
}

.modal .input-box {
	margin-bottom: 18px
}

.modal .submit-btn-box {
	text-align: center;
	margin-top: 28px
}

.modal .comman-btn {
	font-size: 15px;
	padding: 11px 30px
}

.services-box {
	width: 100%;
	box-shadow: #959da533 0 8px 24px;
	border-radius: 15px;
	margin-bottom: 24px
}

.services-box figure {
	width: 100%;
	height: 255px;
	border-radius: 15px 15px 0 0
}

.services-box figure a {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	overflow: hidden
}

.services-box img {
	width: 100%;
	height: 100%;
	border-radius: inherit;
	transition: all .4s ease-in-out
}

.services-box:hover img {
	transform: scale(1.1)
}

.services-box .description-box {
	padding: 15px 15px 25px
}

.services-box h2 {
	color: var(--darkcolor);
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 15px
}

.services-box h2::first-letter {
	text-transform: capitalize
}

.services-box h2 a {
	color: var(--darkcolor);
	transition: all .4s ease-in-out
}

.services-box h2:hover a {
	color: var(--secondarycolor)
}

.services-box p {
	color: var(--textcolor);
	font-size: 17px;
	line-height: 24px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	height: 71px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical
}

.services-box p::first-letter {
	text-transform: capitalize
}

.case-study-details {
	padding: 40px 0
}

.case-study-details figure {
	width: 100%;
	height: 450px;
	border-radius: 15px;
	box-shadow: #959da533 0 8px 24px;
	margin-bottom: 37px
}

.case-study-details img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
	box-shadow: #64646f33 0 7px 29px 0;
	margin: 22px 0 15px
}

.case-study-details figure img {
	border-radius: inherit;
	box-shadow: none;
	margin: 0
}

.case-study-details .heading1 {
	color: var(--primarycolor);
	font-size: 33px;
	font-weight: 700;
	text-transform: capitalize;
	margin-bottom: 22px
}

.case-study-details .heading2 {
	color: var(--darkcolor);
	font-size: 25px;
	font-weight: 700;
	text-transform: capitalize;
	margin: 27px 0 15px
}

.case-study-details p {
	color: var(--textcolor);
	font-size: 17px;
	line-height: 25px;
	margin-bottom: 17px
}

.case-study-details strong:not(p strong) {
	display: block;
	font-size: 17px;
	margin: 15px 0
}

.case-study-details ul {
	margin: 21px 0 15px
}

.case-study-details li {
	color: var(--textcolor);
	font-size: 16px;
	margin-bottom: 10px;
	position: relative;
	padding-left: 24px
}

.case-study-details li::before {
	content: "✔";
	position: absolute;
	left: 0;
	top: 0;
	font-size: 18px;
	color: var(--primarycolor)
}

.result-img-container {
	width: 100%;
	height: 100%;
	text-align: center;
	align-content: center
}

.result-img-container img {
	max-width: 100%;
	object-fit: contain
}

.result-img-container .logo {
	margin-top: 16px;
	background: var(--lightcolor);
	border-radius: 15px;
	padding: 25px;
	box-shadow: 0 10px 25px #00000014;
	text-align: center
}

.result-img-container .logo img {
	width: 156px
}

.result-img-container p {
	color: var(--darkcolor);
	font-size: 16px;
	font-weight: 500
}

.results-data p {
	font-size: 16px;
	margin-bottom: 15px
}

.results-data .table {
	width: 100%;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: #64646f33 0 7px 29px 0;
	background-color: var(--lightcolor);
	margin-bottom: 0
}

.results-data thead {
	background: var(--primarycolor);
	font-size: 16px
}

.results-data thead th {
	color: var(--lightcolor);
	font-size: 16px;
	font-weight: 500;
	text-transform: capitalize;
	background-color: transparent
}

.results-data th,
.results-data td {
	padding: 14px;
	font-size: 15px;
	font-weight: 500
}

.results-data .table>tbody>tr:nth-of-type(even) td {
	background-color: #f3f3f3 !important
}

.result-container {
	margin-bottom: 24px
}

.servce-container {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px 10px
}

.servce-container .country-box {
	display: flex;
	align-items: center;
	border: 1px solid #97979759;
	border-radius: 5px;
	padding: 9px 12px
}

.servce-container img {
	width: 19px;
	height: 19px;
	object-fit: cover;
	border-radius: 50%;
	margin-right: 8px
}

.servce-container span {
	color: var(--textcolor);
	font-size: 16px;
	font-weight: 600;
	line-height: normal;
	text-transform: capitalize
}

.reviewSlider {
	display: flex;
	gap: 8px;
}

.review-panel .logos {
	width: 100%;
	height: auto;
}

/*new css*/
.keywordCloud {
	padding: 20px 142px;
}

.keywordCloud h6 {
	color: var(--darkcolor);
	font-size: 19px;
	font-weight: 600;
	text-transform: capitalize;
	margin-bottom: 15px;
}

.keywordCloud a {
	display: inline-block;
	color: var(--textcolor);
	font-size: 16px;
	margin-right: 2px;
	margin-bottom: 3px;
}


/*=====Blog Details Page Styling Start Here=====*/
.postcontent-box .post-title1 {
	color: var(--primarycolor);
	font-size: 33px;
	font-weight: 700;
	text-transform: capitalize;
	margin-bottom: 18px;
}
.postcontent-box .imgContent ul li {
    background-size: 15px;
    padding-left: 24px;
}
.postcontent-box h1 {
	color: var(--primarycolor);
	font-size: 34px;
	font-weight: 700;
	text-transform: capitalize;
	margin-bottom: 18px;
}

.postcontent-box p {
	color: var(--textcolor);
	font-size: 17px;
	line-height: 27px;
	margin-bottom: 20px;
}

.postcontent-box h3,
.postcontent-box h4 {
	font-size: 30px;
	font-weight: 600;
	margin: 0px;
	margin-bottom: 18px;
}

.wmsscover {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin: 25px 0px;
}

.wmsscover .width-50 {
	width: 48.6%;
	border: 1px solid #d5dfe5;
	/* margin: 10px 1.5% 25px 1.5%; */
	border-radius: 15px;
	flex-grow: 1;
}

.wmssinn {
	padding: 20px 18px;
}

.wmsshd {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	border-bottom: 2px solid #d5dfe5;
	padding-bottom: 13px;
	margin-bottom: 18px;
}

.wmsshd .wmstitle {
	font-size: 28px;
	line-height: 38px;
	width: 70%;
	margin-bottom: 0;
}

.wmsshd .wmstitle span {
	font-size: 28px;
	color: #949494;
	display: block;
}

.wmsshd img {
	max-width: 63px;
	max-height: 63px;
	object-fit: contain;
	border-radius: none;
	margin-left: auto;
}

.wmsshd img {
	max-width: 54px;
	max-height: 54px;
	/* margin-left: auto; */
}

.wmssinn p {
	margin-bottom: 0px;
	line-height: 27px;
}

.mt-50 {
	margin-top: 50px;
}

.anlyticRetsImg {
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	overflow: hidden;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

.alytDesktop {
	display: block;
}

.alytMobile {
	display: none;
}

.wmsscover .width-33 {
	width: 31%;
	border: 1px solid #d5dfe5;
	flex-grow: 1;
	border-radius: 15px;
	/* margin: 10px 1% 25px 1%; */
}

.keySeoResult .wmssinn {
	padding: 15px;
	border-radius: 15px;
}

.keySeoResult .wmssinn .wmsshd img {
	margin-left: 0;
}

.keySeoResult .wmsshd .wmstitle {
	width: 78%;
}

.keySeoResult .wmstitle {
	font-size: 19px;
	line-height: 25px;
	color: #000;
	display: inline-block;
	padding-left: 12px;
	margin-top: 0;
}

.mt-40 {
	margin-top: 40px;
}

.imgContent {
	padding-top: 10px;
	margin-bottom: 30px;
}

.imgContent .imgContentInn {
	display: flex;
	flex-wrap: wrap;
	margin-top: 29px;
}

.imgContent p strong {
	display: inline-block;
	margin-bottom: 12px;
}

.postcontent-box ul li {
	line-height: 21px;
	font-size: 17px;
	margin-bottom: 15px;
	color: #444;
	
}
.postsdetail-panel .postcontent-box ul li {
	background: url(../images/dot.png) 0 5px no-repeat;
    background-size: 15px;
    padding-left: 24px;
}
 
.imgCtp {
	width: 48%;
}

.mr-2 {
	margin-right: 3%;
}

.ml-2 {
	margin-left: 3%;
}

.imgCtimg {
	width: 48%;
	margin-bottom: 10px;
}

.imgCtimg img {
	max-width: 100%;
	border: 1px solid #9ca2ab;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}

.indutriesBox {
	text-align: center;
}

.indutriesBox a {
	display: inline-block;
	padding: 8px 12px;
	margin: 5px 10px;
	border: 1.3px dotted #104ea9;
	border-radius: 6px;
}

.postcontent-box .seocheckout {
	margin-top: 28px;
	margin-bottom:15px;
}

/* .fmWithContent {
    display: flex;
}
 
.width-50 {
    width: 50%;
}
 
.fmContent {
    padding-right: 44px;
}
 
.fmBoxInner {
    background: #1f72de;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .45);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 28px 17px;
    margin-bottom: 22px;
}
 
.fmBoxInner input {
    height: 35px;
    width: 98%;
    border: 0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
 
.fmbtmSpace {
    display: flex;
    margin-bottom: 12px;
}
 
.fmbtmSpace .width-50 {
    padding: 0 2%;
}
 
.fmBoxInner label {
    font-size: 18px;
    color: #fff;
    display: block;
    padding-bottom: 5px;
} */

.soKeyword li {
	background: #f5f5f5 !important;
	list-style: none;
	padding: 11px 10px;
	display: flex;
	justify-content: space-between !important;
	line-height: 21px;
	font-size: 17px;
	margin-bottom: 6px;
	color: #444;
	background: url(images/dot.png) 0 5px no-repeat;
	padding-left: 20px;
}

.anlyticResult {
	margin-top: 40px;
}

.mt-50 {
	margin-top: 40px;
}

.videoCover {
	height: 100%;
	overflow-x: hidden;
	text-align: center;
	margin-top: 40px;
}

.indutriesBox {
	text-align: center;
	margin-top: 26px;
}

/*=====Blog Details Page Styling End Here=====*/

.whatsapp img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: inherit
}

.support-box {
	display: none
}



@media (max-width:992px) {
	.error-notice-box {
		padding: 80px 0px;
	}

	.error-notice-box h2 {
		font-size: 180px;
	}

}

@media (max-width:768px) {

	.error-notice-box {
		padding: 50px 0px;
	}

	.error-notice-box h2 {
		font-size: 148px;
		margin-bottom: 0px;
	}

	.error-notice-box p {
		font-size: 16px;
		margin-bottom: 27px;
	}

	.error-notice-box p br {
		display: none;
	}

	.error-notice-box a {
		font-size: 15px;
	}
}

/*Add in Style File*/
.indutriesBox a {
    display: inline-block;
    padding: 8px 12px;
    margin: 5px 3px;
    border: 1.3px dotted #104ea9;
    border-radius: 6px;
}

.fancy-button {
    display: inline-block;
    color: var(--lightcolor) !important;
    background: var(--buttoncolor);
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    letter-spacing: 1px;
    padding: 10px 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px #00000026;
    cursor: pointer;
    transition: .3s ease;
    position: relative;
    margin: 0px 4px 8px;
}

.ftlinect {
    text-align: center;
    border-top: 1px solid #ccc;
    padding: 0px;
    margin: 0px;
    margin-top: 10px;
    padding-top: 10px;
}

.videoCover {
    margin-top: 30px;
}

.videoCover .csslider video {
    border: 1px solid grey;
    border-radius: 15px 15px 0px 0px;
}

.soKeyword li {
    background: #f5f5f5 !important;
    list-style: none;
    padding: 12px 10px !important;
    display: flex;
    justify-content: space-between !important;
    font-size: 18px !important;
    margin-bottom: 6px;
    color: var(--text-color);
    line-height: normal;
    background-image: none;
    font-family: inherit;
}


.sidebar-widgets .sidebar-title {
    line-height: 31px;
}

.relatedPost .services-box h2 a {
    font-size: 17px;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    height: 53px;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.relatedPost .services-box .description-box {
    padding: 18px;
}

.relatedPost .services-box h2 a {
    font-size: 17px;
}

.relatedPost .services-box h2 {
    margin-bottom: 0px;
}

b,
strong {
    font-family: "Open Sans", sans-serif
}

.mt-50 {
    margin-top: 42px;
}

.csslider>ul>li {
    padding-left: 0px !important;
}

.sidebar-widgets .sidebar-title {
    line-height: 32px;
}

.keywordCloud {
    padding: 20px 142px;
}

.footer .iso-box img {
    width: auto;
}

.footer .rated-box img {
    width: auto;
}

.keySeoResult p,
.wmssinn p {
    margin-bottom: 0px !important;
}

.imgContent p strong {
    font-size: 18px;
    margin-bottom: 13px;
}

.postcontent-box .imgContent ul li {
    background-size: 15px;
    padding-left: 24px;
}


/*=====Css File=====*/
.services-box h2 {
    color: var(--darkcolor);
    font-size: 21px;
    font-weight: 600;
    line-height: 27px;
    height: 28px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    margin-top: 0px;
    margin-bottom: 15px;
 
}
 
.services-box figure {
    width: 100%;
    height: 210px;
    border-radius: 15px 15px 0 0;
}
 
.services-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
    transition: all .4s ease-in-out;
}
 
.services-box p {
    color: var(--textcolor);
    font-size: 16px;
    line-height: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    height: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}
 
.bannerContent .banner-title {
    display: block;
    font-size: 50px;
    margin-bottom: 5px;
}
 
.bannerContent .banner-text {
    font-size: 20px;
}
 
.post-box h3 {
    margin-bottom: 12px;
}
 
.whatMakes h2 {
    margin-top: 35px;
}
 
.whatMakes {
    margin-bottom: 0px;
}
 
.services-box h2 {
    margin-top: 0px;
}
 
 
.ourWorkBox ul,
.servicedetails-panel .ourWorkBox ul {
    padding-bottom: 0px;
}
 
.services-box .description-box {
    min-height: unset;
}
 
.services-box img {
    object-fit: cover;
}
 
video {
    height: revert-layer;
}
 
@media (max-width: 1380px) {
    .custom-post-box h3 {
        font-size: 15px;
        line-height: 23px;
        margin-bottom: 12px;
        height: 46px;
    }
 
    .services-box figure {
        height: 185px;
    }
 
    .services-box h2 {
        font-size: 18px;
        margin-bottom: 12px;
        height: 27px;
    }
 
    .servicedetails-panel h3 {
        margin: 25px 0px 13px;
    }
 
    .servicedetails-panel .servicescontent-box ul {
        padding-bottom: 10px;
    }
 
    .services-box .description-box {
        padding-bottom: 15px;
    }
}
 
@media (max-width: 1200px) {
    .custom-post-box h3 {
        font-size: 18px;
        height: 53px;
        line-height: 27px;
        margin-bottom: 12px;
    }
 
    .services-box figure {
        height: 233px;
    }
 
    .services-box h2 {
        font-size: 21px;
        margin-bottom: 16px;
        height: 29px;
    }
 
    .whatMakes ul li span {
        font-size: 17px;
    }
}
 
@media (max-width: 992px) {
    .custom-post-box h3 {
        font-size: 16px;
        line-height: 25px;
        height: 48px;
    }
 
    .services-box h2 {
        font-size: 19px;
        margin-bottom: 12px;
        height: 27px;
    }
 
    .services-box figure {
        height: 174px;
    }
 
    .services-box .description-box {
        padding: 15px 12px 20px;
    }
 
    .services-box h2 {
        font-size: 19px;
        margin-bottom: 12px;
        height: 27px;
    }
 
}
 
@media (max-width: 768px) {
    .custom-post-box h3 {
        line-height: 26px;
        height: 50px;
    }
 
    .services-box figure {
        height: 166px;
    }
 
    .csslider>.navigation {
        left: 30%;
    }
 
    .csslider {
        margin-left: 0px;
        font-family: 'Open Sans';
    }
 
    .keywordCloud {
        padding: 20px 12px;
    }
 
    body {
        padding-bottom: 44px;
    }
 
}


/*=====Css File=====*/
.services-box h2 {
    color: var(--darkcolor);
    font-size: 21px;
    font-weight: 600;
    line-height: 27px;
    height: 28px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    margin-top: 0px;
    margin-bottom: 15px;
 
}
 
.services-box figure {
    width: 100%;
    height: 210px;
    border-radius: 15px 15px 0 0;
}
 
.services-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
    transition: all .4s ease-in-out;
}
 
.services-box p {
    color: var(--textcolor);
    font-size: 16px;
    line-height: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    height: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}
 
.bannerContent .banner-title {
    display: block;
    font-size: 50px;
    margin-bottom: 5px;
}
 
.bannerContent .banner-text {
    font-size: 20px;
}
 
.post-box h3 {
    margin-bottom: 12px;
}
 
.whatMakes h2 {
    margin-top: 35px;
}
 
.whatMakes {
    margin-bottom: 0px;
}
 
.services-box h2 {
    margin-top: 0px;
}
 
 
.ourWorkBox ul,
.servicedetails-panel .ourWorkBox ul {
    padding-bottom: 0px;
}
 
.services-box .description-box {
    min-height: unset;
}
 
.services-box img {
    object-fit: cover;
}
 
video {
    height: revert-layer;
}
 
.postcontent-box .imgContent ul li {
    background-size: 15px;
    padding-left: 24px;
}
 
.servicedetails-panel h2 {
    margin-bottom: 18px;
}
 
.servicescontent-box .title-3 {
    font-size: 26px;
    margin: 25px 0px 18px;
}
 
.servicescontent-box p {
    font-size: 17px;
    line-height: 27px;
    margin-bottom: 22px;
}
 
.imgCtimg {
    height: 100%;
}
 
.imgCtimg img {
    margin: 0px;
}
 
.boxesLayout {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
}
 
.boxs-33 {
    width: 32.1%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    margin-bottom: 0px;
}
 
.boxesLayout h4 {
    font-size: 23px;
    line-height: 30px;
    font-family: 'poppinsbold';
    color: #212121;
    margin-top: 32px;
    margin-bottom: 12px;
}
 
.servicescontent-box .boxesLayout p {
    line-height: 24px;
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 0px;
    color: #444;
}
 
.servicescontent-box .title-3 {
    margin-bottom: 30px;
}
 
.boxesLayoutFullShadow {
    display: flex;
    gap: 22px;
    background: #fff;
    border-radius: 12px;
    margin-bottom: 25px;
    box-shadow: 4px 4px 10px #0000001a;
    overflow: hidden;
}
 
.boxlayShadow {
    background: #fff;
    border-radius: 12px;
    padding: 0 14px;
    box-shadow: 0px 0px 15px 6px #0000001a;
    height: 100%;
    text-align: center;
}
 
.blfsImg {
    width: 52%;
}
 
.blfsText {
    width: 48%;
    padding: 20px;
}
 
.servicedetails-panel h2 {
    color: var(--darkcolor);
    font-size: 25px;
    font-weight: 700;
    margin: 0px;
    margin-bottom: 18px;
}
 
.servicescontent-box .title-3 {
    font-size: 28px;
    margin-top: 0px;
    margin-bottom: 18px;
}
 
.boxesLayout {
    margin: 34px 0px;
}
 
.boxlayShadow {
    padding: 20px;
}
 
.hrBoxImgText {
    margin-top: 25px;
}
 
.allPartyIcon {
    overflow: hidden;
    margin-bottom: 40px;
    margin-top: 20px;
}
 
.apIcon {
    float: left;
    vertical-align: top;
    width: 20%;
}
 
.apIcon img {
    margin: 10px 5%;
    width: 90%;
}
 
.fmWithContent {
    display: flex;
    /* flex-wrap: wrap; */
}
 
.width-50 {
    width: 50%;
}
 
.mt-3 {
    margin-top: 30px;
}
 
.spic {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
}
 
.innerimgresponsive {
    width: 100%;
}
 
.manyBoxes .card-wrap:nth-child(1n) {
    border-color: #3e88a8;
}
 
.manyBoxes .card-wrap {
    border: 1px solid #e3e3e3 !important;
    /* border: 4px solid transparent; */
    transform-style: preserve-3d;
    background: linear-gradient(0deg, #e9e9e9 0%, #fff 100%);
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transition: all 0.5s ease-in-out;
    margin-bottom: 20px;
    border-radius: 32px;
    padding: 25px;
}
 
.manyBoxes .card-wrap h4 {
    font-size: 25px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 15px;
}
 
.corporatecontent p {
    line-height: 24px;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 22px;
    color: #444;
}
 
@media (max-width: 1380px) {
    .custom-post-box h3 {
        font-size: 15px;
        line-height: 23px;
        margin-bottom: 12px;
        height: 46px;
    }
 
    .services-box figure {
        height: 185px;
    }
 
    .services-box h2 {
        font-size: 18px;
        margin-bottom: 12px;
        height: 27px;
    }
 
    .servicedetails-panel h3 {
        margin: 25px 0px 13px;
    }
 
    .servicedetails-panel .servicescontent-box ul {
        padding-bottom: 10px;
    }
 
    .services-box .description-box {
        padding-bottom: 15px;
    }
}
 
@media (max-width: 1200px) {
    .custom-post-box h3 {
        font-size: 18px;
        height: 53px;
        line-height: 27px;
        margin-bottom: 12px;
    }
 
    .services-box figure {
        height: 233px;
    }
 
    .services-box h2 {
        font-size: 21px;
        margin-bottom: 16px;
        height: 29px;
    }
 
    .whatMakes ul li span {
        font-size: 17px;
    }
}
 
@media (max-width: 992px) {
    .custom-post-box h3 {
        font-size: 16px;
        line-height: 25px;
        height: 48px;
    }
 
    .services-box h2 {
        font-size: 19px;
        margin-bottom: 12px;
        height: 27px;
    }
 
    .services-box figure {
        height: 174px;
    }
 
    .services-box .description-box {
        padding: 15px 12px 20px;
    }
 
    .services-box h2 {
        font-size: 19px;
        margin-bottom: 12px;
        height: 27px;
    }
 
    .fmWithContent {
        flex-direction: column;
    }
 
    .width-50 {
        width: 100%;
    }
 
    .spic {
        float: none;
    }
 
}
 
@media (max-width: 768px) {
    .custom-post-box h3 {
        line-height: 26px;
        height: 50px;
    }
 
    .services-box figure {
        height: 166px;
    }
 
    .csslider>.navigation {
        left: 30%;
    }
 
    .csslider {
        margin-left: 0px;
        font-family: 'Open Sans';
    }
 
    .keywordCloud {
        padding: 20px 12px;
    }
 
    body {
        padding-bottom: 44px;
    }
 
    .csslider>.navigation {
        left: 30%;
    }
 
    .csslider {
        margin-left: 0px;
        font-family: 'Open Sans';
    }
 
    .breadcrumbs {
        display: block;
    }
 
    .breadcrumbs li {
        font-size: 14px;
        display: inline-block;
        margin-bottom: 2px;
    }
 
    .breadcrumbs span {
       margin:0 2px 0 0px;
    }
 
}


/*VIDEO*/
  .vdPage {
    margin-top: 20px;
  }

  .videoThumb {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    transition: transform 0.3s ease;
	 height:380px;
	  margin-bottom:20px;
  }

  .videoThumb img {
    width: 100%;
    height: 100%; /* height badha di */
    object-fit: cover;
    display: block;
	  margin: 0;
  }

  .playBtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 56px; /* thoda bada kar diya */
    color: rgba(255, 255, 255, 0.85);
    text-shadow: 0 0 10px rgba(0,0,0,0.7);
    pointer-events: none;
    user-select: none;
  }
/*VIDEO END*/

.otherServiceTab{margin:20px 0px;}
 

@media (max-width:1400px){
.keywordCloud{padding:20px 75px}.lineSubLink h6{font-size:16px;margin-bottom:13px}.lineSubLink a{font-size:15px}
}
@media (max-width:1399px){

	.bottom-footer .col-lg-4,
	.bottom-footer .col-lg-8{ width:100%; text-align:center; margin-bottom:10px; }
	.footer .quick-links{text-align:center; }
	.footer .quick-links{    justify-content: center;}
	.footer p{ font-size: 13px;}
	.footer .bottom-footer a{font-size: 13px;}
}
@media (max-width:1200px){
.keywordCloud{padding:20px 28px}.lineSubLink h6{font-size:18px;margin-bottom:12px}
	.otherServiceTab label span{font-size: 13px!important; padding:3.7rem .2rem .7rem;}

}
@media (max-width:992px){
	.otherServiceTab label span{font-size: 13px!important; padding:3.3rem .2rem .7rem!important;}
}
@media (max-width:720px){
	.otherServiceTab label span{font-size: 13px!important; padding:1rem .7rem!important;}
}

@media (min-width:1000px){.header .dropdown:hover>.dropdown-menu{display:block}.item-wrapper:hover .toggle-icon{transform:rotate(180deg)}}@media (max-width:1380px){.custom-style{padding:40px 0}.comman-title-box{margin-bottom:32px}.comman-title{font-size:38px}.comman-btn{font-size:13px;padding:10px 20px}.top-scroll{width:35px;height:35px;font-size:17px}.header img{height:54px}.header .nav-link{font-size:15px;padding:20px 0!important}.header .toggle-icon{font-size:13px}.header .menu-title{font-size:15px}.header .dropdown-item{font-size:12px}.header .mega-menu li{margin-bottom:8px}.hero-panel .hero-content{padding:75px 120px}.hero-panel h1{font-size:42px;font-weight:700;line-height:52px;margin-bottom:23px}.hero-panel p{font-size:15px;line-height:24px;margin-bottom:26px}.hero-panel li a{width:215px;font-size:13px}
.hero-panel ul{margin-bottom:34px}.hero-panel .comman-btn{font-size:16px;padding:12px 20px}.hero-panel .comman-btn i{width:26px;height:26px;font-size:13px}.review-panel h2{font-size:44px}.review-panel .logos{/*height:25px*/}.review-panel h2{ padding: 0 10px;} .review-panel .rating-box span{font-size:18px;margin-right:4px}.review-panel .rating-box img{height:16px}.img-box{height:481px}.img-bg-shape{top:-83px;left:-43px}.img-box svg{height:615px}.about-panel h3{font-size:20px;line-height:28px;margin-bottom:10px}.about-panel p{font-size:16px;line-height:25px;margin-bottom:15px}.about-panel .comman-btn{margin-top:12px}.industries-item{height:157px}.industries-item img{height:57px}.industries-item h3{font-size:16px}.industries-item .overlay{padding:15px}.industries-item p{font-size:14px;line-height:20px;height:99px;-webkit-line-clamp:6;line-clamp:6}.custom-design .comman-title{font-size:33px;line-height:40px;margin-bottom:15px}.custom-design p{font-size:16px;line-height:25px;margin-bottom:12px}.service-groups{margin-top:40px}.service-groups h3{font-size:32px;margin-bottom:28px}.service-groups .comman-btn{font-size:13px;padding:13px 22px}.custom-title{font-size:55px}.portfolio-box figure{height:460px}.portfolio-box h3{font-size:22px}.portfolio-box{margin-bottom:30px}.seo-ranking-panel .media-box{height:374px}.ai-panel .ai-box{height:508px}.ai-panel h3{font-size:44px;line-height:53px}.chooseus-panel li{margin-bottom:18px}.chooseus-panel i{width:37px;height:37px;font-size:14px}.chooseus-panel h3{font-size:16px;line-height:22px;margin-bottom:8px}.chooseus-panel li p{font-size:13px;line-height:18px;height:71px}.case-study-panel .study-box{height:362px}.case-study-panel .study-content{padding:20px}.case-study-panel h3{font-size:25px;height:30px}.post-panel .comman-title-box{margin-bottom:10px}.post-box{padding:12px}.post-box figure{height:206px;margin-bottom:10px}.post-box .tag{font-size:11px;padding:8px 14px}.post-box .post-meta span{font-size:13px}.post-box .post-meta{margin-bottom:13px}.post-box h3{font-size:16px;margin-bottom:6px}.post-box p{font-size:13px;height:38px}.post-box .more-btn{width:30px;height:30px}.post-box .more-btn i{font-size:14px}.owl-carousel .owl-prev,.owl-carousel .owl-next{width:30px;height:30px}.owl-carousel .owl-prev i,.owl-carousel .owl-next i{font-size:13px}.faq-panel .accordion-item{margin-bottom:18px}.faq-panel .accordion-button{font-size:14px;padding:12px}.faq-panel .accordion-body{padding:14px}.faq-panel p{font-size:14px}.client-panel .inner-container{gap:15px}.testimonial-panel .testimonial-slide a{padding:15px}.testimonial-panel i{font-size:37px}.testimonial-panel p{font-size:15px;line-height:21px}.testimonial-panel cite{font-size:17px;margin-top:17px;height:49px}.testimonial-panel .owl-carousel .owl-prev,.testimonial-panel .owl-carousel .owl-next{top:-90px;width:36px;height:36px}.testimonial-panel .owl-carousel .owl-prev{right:46px}.counter-panel{padding:45px 0}.counter-panel i{width:85px;height:85px;font-size:33px}.counter-panel span{font-size:32px}.counter-panel i::after{left:7px;top:7px}.counter-panel h3{font-size:15px;margin-top:4px}.footer .middle-footer{padding:35px 0 23px}.footer .ftr-title{font-size:15px}.footer li a{font-size:14px}.footer .contact-info i{width:35px;height:35px;font-size:14px}.footer .comman-btn{margin-top:21px;font-size:15px}.footer .iso-box img{height:67px;margin:0 6px}.servce-container span{font-size:15px}.footer .rated-box img{height:52px}.footer p{font-size:14px}.footer .bottom-footer a{font-size:14px}.banner-panel{height:280px}.discover-panel p{font-size:16px;line-height:24px}.mission-panel .comman-title{margin-bottom:15px}.mission-panel p{font-size:15px;margin-bottom:25px}.mission-panel .title-box{margin-bottom:12px}.mission-panel .box p{font-size:14px}.core-values-panel .value-box{padding:18px}.core-values-panel h3{font-size:18px;margin-bottom:12px}.core-values-panel p{font-size:14px;line-height:22px;height:86px}.core-values-panel{padding-bottom:20px}.teams-panel h3{font-size:18px;margin-bottom:8px}.trackrecord-panel h3{font-size:29px;margin-bottom:16px}.trackrecord-panel p{font-size:14px;padding:0 62px}.schedule-panel .comman-btn{margin-top:24px}.servicescontent-box .title-1{font-size:30px;margin-bottom:15px}.servicescontent-box .title-2{font-size:23px;margin:24px 0 12px}.servicescontent-box .title-3{font-size:20px;margin:20px 0 12px}.servicescontent-box .featured-img{height:489px;margin-bottom:30px}.servicescontent-box .img-box{margin:30px 0;height:409px}.servicescontent-box .video-box{height:400px}.servicescontent-box .custom-list li a{font-size:15px}.contact-info-box{padding:35px}.contact-info-box h1{font-size:30px}.contact-info-box i{width:56px;height:56px;font-size:22px}.contact-info-box h3{font-size:18px}.form-box{padding:35px 8px 35px 20px}.form-box .submit-btn-box{margin-top:29px}.services-box figure{height:224px}.services-box h2{font-size:19px;margin-bottom:13px}.services-box p{font-size:15px;line-height:22px;height:65px}.pagination .page-link{font-size:14px;padding:7px 16px;margin:0 10px}


	
	
	.postcontent-box figure{margin:25px 0}.postcontent-box .featured-image{height:360px;margin-bottom:25px}.postcontent-box .post-meta{margin-bottom:20px}.postcontent-box .post-title1{font-size:28px;margin-bottom:14px}.sidebar-widgets .post-category-list li{margin-bottom:13px}.postcontent-box p{line-height:24px}.postcontent-box .post-title2{font-size:24px;margin:25px 0 15px}.postcontent-box .inner-img{height:330px}.postcontent-box .list li{margin-bottom:13px}.sidebar-widgets .sidebar-title{font-size:20px}.sidebar-widgets .post-category-list a{font-size:15px}.form-control{font-size:15px;padding:10px 12px}.breadcrumbs-panel{padding:13px 0}.breadcrumbs li{font-size:16px}.case-study-details figure{height:380px;margin-bottom:30px}.case-study-details .heading1{font-size:27px;margin-bottom:17px}.case-study-details p{margin-bottom:12px;font-size:16px}.case-study-details .heading2{font-size:22px;margin:24px 0 15px}.case-study-details strong:not(p strong){margin:15px 0 12px}.case-study-details li{margin-bottom:8px}.case-study-details img{margin:12px 0 15px}.iso-certificate-panel p{font-size:18px;line-height:27px;font-size:16px;line-height:26px}.results-data th,.results-data td{padding:12px;font-size:14px}.results-data thead th{font-size:15px}.results-data td{padding:10px}.result-img-container .logo img{width:147px}.certification-panel img{height:78px}.review-panel .custom-review-box .logos{margin-bottom:15px}.review-panel .custom-review-box span{font-size:20px;margin-right:9px}.review-panel .comman-title{margin-bottom:12px}.review-panel .comman-title-box p{font-size:16px}}@media (max-width:1200px){
	
	.comman-btn{font-size:14px;padding:11px 20px}.header .menu-title{font-size:14px;white-space:nowrap}.header .dropdown-item{font-size:13px}.rotateIcon{transform:rotate(180deg)}.hero-panel .hero-content{padding:75px 30px}.hero-panel h1{font-size:36px;line-height:47px;margin-bottom:22px}.hero-panel p{margin-bottom:30px}.hero-panel li{margin-bottom:6px}.hero-panel li a{font-size:14px;width:230px}.hero-panel::before{display:none}.review-panel .review-box{padding:12px}.review-panel h2{font-size:37px}.review-panel .logos{margin-bottom:0}.review-panel .rating-box img{height:17px}.review-panel .rating-box span{font-size:19px}.review-panel .comman-title-box p{font-size:16px}.review-panel .custom-review-box{padding:15px}.review-panel .custom-review-box .logos{height:24px}.review-panel .custom-review-box span{font-size:22px}.review-panel .custom-review-box .rating-box img{height:18px}.img-box{height:427px;overflow:hidden}.img-bg-shape{top:-63px;left:-36px}.img-box svg{height:518px}.about-panel p{margin-bottom:12px}.industries-item a{padding:38px 15px}.industries-item{height:148px}.industries-item .overlay{padding:15px 12px}.industries-item img{height:53px}.industries-item h3{font-size:14px;white-space:nowrap}.industries-item p{height:80px}.custom-design .comman-title{font-size:27px;line-height:36px}.service-groups{margin-top:33px}.service-groups h3{font-size:27px}.custom-title{font-size:48px}.portfolio-box figure{height:382px}.portfolio-panel,.portfoliogallery-panel{padding-bottom:20px}.seo-ranking-panel .media-box{height:311px}.play-btn{width:55px;height:55px;line-height:55px}.play-btn::before,.play-btn::after{width:75px;height:75px}@keyframes heartbeats{0%{width:60px;height:60px;opacity:.9}100%{width:120px;height:120px;opacity:0}}.ai-panel h3{font-size:42px;line-height:52px}.chooseus-panel i{width:47px;height:47px;font-size:19px}.chooseus-panel h3{font-size:20px;margin-bottom:12px}.chooseus-panel li p{font-size:17px;line-height:25px;height:auto;display:block}.chooseus-panel li{margin-bottom:25px}.chooseus-panel figure{height:300px}.case-study-panel .study-box{height:303px}.case-study-panel .study-content{padding:18px 20px}.case-study-panel h3{font-size:23px}.post-panel .item{padding:12px}.post-box figure{height:280px}.post-box h3{font-size:18px;margin-bottom:10px}.post-box p{width:89%;font-size:15px;height:45px}.post-box .more-btn{width:34px;height:34px}.post-box .tag{font-size:13px}.postcontent-box .post-meta span{font-size:15px}.postcontent-box .post-meta i{font-size:16px}.postcontent-box .post-meta{margin-bottom:22px}.faq-panel .accordion-item{margin-bottom:15px}.faq-panel .accordion-button{font-size:16px;padding:15px}.faq-panel p{font-size:15px;line-height:24px}.faq-panel{padding-bottom:28px}.client-panel figure{flex:0 1 calc(16.66% - 13px)}.testimonial-panel p{height:126px}.footer .ftr-title{font-size:16px}.footer .comman-btn{width:100%;font-size:14px}.footer .contact-info i{width:32px;height:32px;font-size:12px;margin-right:8px}.footer .contact-info li a{width:80%}.footer .certified-box{margin-top:28px}.cookies-box .btn-style{font-size:14px;padding:8px 22px 10px}.banner-panel .banner-title{font-size:51px}.discover-panel .inner-content{padding:0}.core-values-panel h3{font-size:19px}.core-values-panel p{font-size:15px;height:88px}.certification-panel .certification-wrapper{width:100%}.certification-panel img{height:76px}.schedule-panel .schedule-note{padding:0}.postcontent-box{padding:18px}.postcontent-box .featured-image{margin-bottom:25px}.postcontent-box .post-title1{font-size:26px;line-height:32px}.postcontent-box .post-title2{font-size:22px;margin-bottom:15px}.postcontent-box .post-title3{font-size:20px;margin:25px 0 15px}.postcontent-box .inner-img{height:300px}.postcontent-box figure{margin:25px 0}.postcontent-box .list li{margin-bottom:10px}.sidebar-widgets .widgets{padding:15px}.sidebar-widgets input{padding:10px 12px}.sidebar-widgets .form-control{font-size:14px}.sidebar-widgets .sidebar-title{font-size:20px}.sidebar-widgets img{width:75px;height:75px}.sidebar-widgets p{font-size:15px;line-height:20px;height:39px;margin-bottom:10px}.sidebar-widgets i{font-size:14px}.custom-post-box figure{height:288px}.custom-post-box h3{font-size:20px;height:25px;margin-bottom:12px}.custom-post-box .tag{padding:9px 14px}.post-box figure{margin-bottom:15px}.post-box .post-meta{margin-bottom:15px}.post-box .custom-post-box .post-meta{margin-bottom:14px}.postcontent-box{margin-bottom:22px}.post-box .post-meta span{font-size:15px}.custom-post-box p{width:88%;font-size:16px;height:48px}.footer .our-socials h3{font-size:21px}.servicedetails-panel{padding-bottom:20px}.servicescontent-box .featured-img{height:410px;margin-bottom:30px}.servicescontent-box .title-1{font-size:29px}.servicescontent-box .img-box{height:342px;margin:32px 0}.servicescontent-box .custom-list{justify-content:center}.servicescontent-box .custom-list br{display:block}.contact-info-box h1{margin-bottom:12px}.form-box .input-box{margin-bottom:22px}.map-panel .map-box{height:370px}.services-box figure{height:287px}.services-box h2{font-size:22px;margin-bottom:14px}.services-box p{font-size:17px;line-height:23px;height:69px}.sidebar-widgets .post-category-list span{width:22px;height:22px}.case-study-details figure{margin-bottom:33px}.case-study-details{padding:35px 0}.case-study-details .heading1{font-size:28px;margin-bottom:18px}}

@media (max-width:992px){
	
	
	
	.spic {float: none;}
	.spic img{ display:block; margin:0 auto 20px auto;}
	.banner-panel .banner-title {
        font-size: 30px;
    }
	.bannerContent .banner-text {
    	font-size: 16px;
	}
	.servicedetails-panel .ourWorkBox ul li{    width: 26.4%;}
	.servicedetails-panel .ourWorkBox ul li span {font-size: 14px;}
	.whatMakes ul li { width: 27.8%;}
	.whatMakes ul li img {
		max-width: 60px;
	}
	.whatMakes ul li span{font-size: 14px;}
	
	
		.servicedetails-panel .ourWorkBox ul li img{    max-width: 60px;}
		
		.comman-title{font-size:35px}.pagination .page-link{padding:7px 16px}.navbar-toggler{color:var(--darkcolor);font-size:29px;border:none;order:1;padding:0}.navbar-toggler:focus{box-shadow:none}.header .comman-btn{margin-left:auto;margin-right:28px;display:none}.navbar-collapse{width:43%;height:100vh;background-color:var(--lightcolor);overflow-y:scroll;scrollbar-width:thin;position:fixed;top:0;left:-100%;z-index:999999999;box-shadow:#64646f33 0 7px 29px 0;transition:all .3s ease-in-out}.togglenavbar{left:0}.header .nav-header{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;box-shadow:#959da533 0 8px 24px}.header .nav-header .company-logo{height:46px}.nav-header i{width:27px;height:27px;border-radius:6px;color:var(--lightcolor);background:linear-gradient(90deg,#0057ff,#ff3b30);font-size:13px;text-align:center;align-content:center}.header .navbar-nav{margin-bottom:0!important}.header .item-wrapper{justify-content:space-between}.header .nav-link{width:90%;color:var(--darkcolor);font-size:17px;padding:14px 12px!important;overflow:hidden}.header .toggle-icon{font-size:16px;margin-right:12px}.header .dropdown-menu{border-radius:0;box-shadow:0 54px 55px #0003 0 -12px 30px #0000001f 0 4px 6px #0000001f 0 12px 13px #0000002b 0 -3px 5px #00000017}.header .nav-item{margin:0}.header .nav-item,.header .dropdown-menu li{border-bottom:1px solid #a7a7a730}.header .dropdown-menu li{margin-bottom:0;border-color:#1px solid #a7a7a780}.header .dropdown-item{font-size:14px;padding:12px!important;padding-left:18px!important}.header .dropdown-menu li:last-child{border-bottom:0;padding-bottom:0}.header .inner-menu-box{padding:20px 0;padding:0}.header .menu-title{color:var(--darkcolor);margin-bottom:0;pointer-events:painted;cursor:pointer;border-bottom:1px solid #a7a7a754;padding:12px 0;position:relative;overflow:hidden;display:flex;align-items:center}.header .menu-title::after{content:"\f107";font-family:"Font Awesome 6 Free";font-weight:900;color:var(--secondarycolor);position:absolute;right:3px;font-size:16px}.header .menu-title:not(.collapsed)::after{content:"\f077";font-family:"Font Awesome 6 Free";font-weight:900;font-size:15px}.header ul.spacing{margin-bottom:0}.header .mega-menu ul.collapse{display:none}.header .mega-menu ul.collapse.show{display:block}.header .inner-menu-box .col-lg-3:last-child .menus-box{margin-bottom:0}.header .mega-menu .dropdown-item{padding:10px 12px!important}.hero-panel .hero-content{padding:65px 0}.hero-panel h1{font-size:30px;line-height:40px;margin-bottom:20px}.hero-panel li a{width:auto;padding:12px 19px}.review-panel h2{font-size:31px}.custom-style{padding:35px 0}.img-box{width:100%;height:420px;margin-bottom:20px}.img-bg-shape{width:100%;top:-60px;left:0}.img-box svg{width:100%;height:500px}.industries-item{width:33%;height:145px}.industries-item a{padding:35px 15px}.industries-item .overlay{top:66%}.driven-panel .custom-design,.onlinestore-panel .custom-design{margin-bottom:32px}.service-groups h3{font-size:25px}.service-groups .comman-btn{font-size:14px;padding:12px 20px}.custom-title{font-size:35px}.portfolio-panel,.portfoliogallery-panel{padding-bottom:15px}.portfolio-box figure{height:286px}.portfolio-box h3{font-size:19px}.seo-ranking-panel .media-box{height:230px}.ai-panel .ai-box{padding:30px}.ai-panel h3{font-size:30px;line-height:44px}.ai-panel .ai-box{height:390px}.custom-design .comman-title{font-size:33px;line-height:40px;margin-bottom:18px}.onlinestore-panel .comman-btn span{display:inline-block}.chooseus-panel li p{font-size:16px}.chooseus-panel h3{font-size:18px}.case-study-panel .study-box{height:226px}.case-study-panel .study-content{padding:12px 15px}.case-study-panel h3{font-size:18px;line-height:normal}.post-box figure{height:205px}.custom-post-box figure{height:208px}.post-box .tag{font-size:12px}.post-box h3{font-size:17px;height:20px}.post-panel .item{padding:8px}.post-box p{width:77%}.post-box .more-btn{width:32px;height:32px}.custom-post-box h3{font-size:18px;height:22px}.custom-post-box p{font-size:15px;height:46px}.post-box figure{margin-bottom:13px}.post-box .post-meta span{font-size:14px}.client-panel figure{flex:0 1 calc(20% - 12px)}.testimonial-panel p{height:168px}.testimonial-panel cite{font-size:16px;margin-top:15px}.counter-panel .bg-wrapper{padding:0}.counter-panel i{width:75px;height:75px;font-size:26px}.counter-panel span{font-size:28px}.counter-panel h3{font-size:12px}.footer .ftr-title{font-size:18px}.footer li a{font-size:15px}.footer .ftr-box{margin-bottom:35px}.footer .comman-btn{width:64%}.footer .certified-box{flex-direction:column;justify-content:center;align-items:center;margin-top:0}.footer .certified-box .iso-box{width:100%;text-align:center}.footer .rated-box{width:100%;margin-top:34px;text-align:center}.footer .rated-box img{height:54px}.footer .bottom-footer{padding:14px 0}.footer .copyright-box{text-align:center;margin-bottom:8px}.footer p{font-size:15px}.footer .quick-links{justify-content:center}.cookies-box{padding:14px 12px}.banner-panel{height:250px}.banner-panel .banner-title{font-size:46px}.breadcrumbs-panel{padding:12px 0}.discover-panel .comman-title-box,.schedule-panel .comman-title-box{text-align:left}.schedule-panel p,.discover-panel p{text-align:left}.schedule-panel .schedule-note{text-align:left}.mission-panel figure{margin-bottom:26px}.mission-panel p{font-size:16px}.mission-panel .title-box img{width:37px;margin-right:16px}.mission-panel .box p{font-size:15px}.core-values-panel h3{font-size:18px}.core-values-panel p{height:110px}.teams-panel h3{font-size:20px}.trackrecord-panel p{padding:0}.trackrecord-panel h3{font-size:26px;margin-bottom:14px}.certification-panel img{height:60px}.postcontent-box .featured-image{margin-bottom:23px}.sidebar-widgets .widgets{padding:18px}.sidebar-widgets .sidebar-title{font-size:21px}.sidebar-widgets img{width:80px;height:80px}.sidebar-widgets .submit-btn-box .comman-btn{padding:11px 29px}.sidebar-widgets p{line-height:22px;height:45px}.servicedetails-panel{padding-bottom:18px}.servicescontent-box .featured-img{height:305px;margin-bottom:28px}.servicescontent-box .img-box{height:253px;margin:30px 0}.servicescontent-box .video-box{height:350px}.servicescontent-box .custom-list li{width:32%}.contact-info-box{padding:25px 20px;border-radius:15px}.contact-info-box h1{margin-bottom:18px}.contact-info-box ul{display:flex;flex-wrap:wrap;column-gap:10px}.contact-info-box ul li{width:49%;display:flex;border-bottom:none;align-items:flex-start;padding:15px 0}.contact-info-box i{width:48px;height:48px;line-height:48px;font-size:20px;margin-right:12px}.contact-info-box .info-box{width:77%}.contact-info-box h3{margin-bottom:9px}.contact-info-box a{font-size:14px}.form-box{padding:0;margin-bottom:48px}.form-box h2{font-size:30px;margin-bottom:32px}.form-wrapper{padding:30px 20px}.map-panel .map-box{height:330px}.cloudTags{display:block}.keywordCloud span{display:inline-block}.keywordCloud .cloudTitle{font-size:17px}.cloudTags a{display:inline;font-size:14px;line-height:21px;font-weight:500;color:#757575;border-radius:none;background-color:transparent;border:none;padding:0;margin:2px}.services-box figure{height:211px}.services-box h2{font-size:18px;margin-bottom:12px}.services-box p{font-size:15px;line-height:22px;height:66px}.postcontent-box .post-title2{font-size:24px}.postcontent-box figure{margin:28px 0}.sidebar-widgets .post-category-list a{font-size:16px}.iso-certificate-panel figure{margin-bottom:37px}.iso-certificate-panel p{margin-bottom:12px}.case-study-details .heading1{font-size:27px}.case-study-details figure{height:300px}.result-img{margin-bottom:30px}.results-data th,.results-data td{font-size:15px}.result-img-container .logo img{margin-bottom:4px}.results-data{margin-top:32px}.servce-container .country-box{padding:9px 12px}.servce-container span{font-size:13px}}@media (max-width:768px){
			    .banner-panel .banner-title {
						font-size: 26px!important;
					}
			.bannerContent .banner-text {
					font-size: 15px!important;
					line-height: 18px!important;
			}
			.servicedetails-panel .ourWorkBox ul li{    width: 44.8%;}
			.whatMakes ul li { width: 44.8%;}	
			
			.comman-title-box{margin-bottom:30px}.comman-title{font-size:28px}.custom-style{padding:30px 0}.header .comman-btn{display:none}.header img{height:50px}.navbar-toggler{font-size:26px}.navbar-collapse{width:100%}.header .nav-header{padding:6px 12px}.header .nav-link{font-size:16px}.hero-panel .hero-content{padding:60px 0}.hero-panel h1{font-size:23px;line-height:33px;margin-bottom:14px}.hero-panel p{font-size:14px;line-height:22px}.hero-panel ul{gap:10px;margin-bottom:45px}
.hero-panel ul br{display:block}.hero-panel li{width:48%;flex-grow:1;margin:0}.hero-panel li a{width:100%;text-align:center;font-size:15px;font-weight:600;border-radius:10px}.hero-panel li i{display:block;color:var(--primarycolor);font-size:30px;margin:7px auto 14px}.hero-panel .comman-btn{font-size:15px}.review-panel .title-box{height:auto;text-align:center;margin-bottom:33px}.review-panel .custom-review-box .rating-box img{height:16px}.img-box{height:335px}.img-bg-shape{height:100%;top:0}.img-box svg{height:100%}.about-panel .comman-title{margin-bottom:15px}.about-panel h3{font-size:17px;line-height:24px}.industries-item{width:50%}.industries-item h3{font-size:12px;font-weight:700;white-space:break-spaces}.industries-item .overlay{top:68%}.industries-item.item-hidden{display:block}.industries-item .more-btn{display:inline;color:var(--lightcolor);background-color:var(--primarycolor);font-size:15px;font-weight:500;text-transform:capitalize;padding:12px 15px;border-radius:10px;letter-spacing:1px}.custom-design .comman-title{font-size:22px;line-height:29px;margin-bottom:15px}.driven-panel .custom-design,.onlinestore-panel .custom-design{margin-bottom:15px}.service-groups{margin-top:25px}.service-groups h3{font-size:22px}.service-groups .service-links li{width:48%}.custom-title{font-size:27px}.comman-btn{font-size:13px}.portfolio-box figure{height:auto}.portfolio-box h3{font-size:17px}.portfolio-box{margin-bottom:24px}.portfolio-panel,.portfoliogallery-panel{padding-bottom:15px}.seo-ranking-panel{padding-bottom:15px}.seo-ranking-panel .media-box{height:230px;margin-bottom:15px}.play-btn{width:50px;height:50px;line-height:50px;font-size:20px}.play-btn::before,.play-btn::after{width:65px;height:65px}@keyframes heartbeats{0%{width:50px;height:50px;opacity:.9}100%{width:100px;height:100px;opacity:0}}.ai-panel{padding-bottom:30px}.ai-panel .ai-box{height:220px;padding:12px}.ai-panel .content-box{width:65%}.ai-panel h3{font-size:18px;line-height:27px}.driven-panel .service-groups,.onlinestore-panel .service-groups{margin-top:0}.onlinestore-panel .service-links li{width:100%}.onlinestore-panel .comman-btn{width:100%}.service-groups .comman-btn{padding:12px 34px;width:-webkit-fill-available}.chooseus-panel i{width:44px;height:44px;font-size:17px}.chooseus-panel li p{font-size:15px;line-height:21px}.case-study-panel{padding-bottom:16px}.case-study-panel .study-box{height:225px}.case-study-panel h3{font-size:19px}.post-box p{width:80%}.pagination{margin-bottom:18px}.post-box .more-btn{width:30px;height:30px}.post-panel .comman-btn{display:none}.post-panel .comman-title{text-align:center;width:100%}.client-panel .inner-container{gap:10px}.client-panel figure{flex:0 1 calc(30% - 0px)}.testimonial-panel .owl-carousel .owl-prev,.testimonial-panel .owl-carousel .owl-next{top:-70px;width:34px;height:34px}.testimonial-panel .owl-carousel .owl-prev{right:37px}.counter-panel{padding-bottom:0}.counter-panel .counter-box{margin-bottom:45px}.footer .middle-footer{padding:30px 0 20px}.footer .ftr-box{margin-bottom:10px}.footer .ftr-title:not(.contact-info .ftr-title){pointer-events:painted;padding:12px;background-color:var(--lightcolor);font-size:14px;border:1px solid #80808024;margin-bottom:0;display:flex;align-items:center;border-radius:6px}.footer .ftr-title::after{content:"\f078";font-family:"Font Awesome 6 Free";color:var(--primarycolor);margin-left:auto;font-size:15px}.footer .ftr-title:not(.collapsed)::after{content:"\f077";font-family:"Font Awesome 6 Free"}.footer .contact-info .ftr-title::after{display:none}.footer .contact-info .ftr-title:not(.collapsed)::after{display:none}.footer ul.collapse{display:none}.footer ul.collapse.show{display:block}.footer .ftr-box ul{padding:10px 3px}.footer li a{font-size:15px}.footer .contact-info{margin-top:18px;text-align:center}.footer .contact-info .ftr-title{margin-bottom:0}.footer .contact-info ul{padding:17px 0 0;justify-content:center}.footer .contact-info li{justify-content:center}.footer .our-socials{margin-top:26px;text-align:center}.footer .our-socials h3{margin-bottom:2px}.footer .comman-btn{width:100%;margin-top:18px}.footer .certified-box{margin-top:23px}.footer .rated-box{margin-top:33px}.footer .rated-box img{height:48px;margin-bottom:12px}.footer p{font-size:12px}.footer .copyright-box{margin-bottom:5px}.footer .bottom-footer a{font-size:12px}.top-scroll{right:10px}.whatsapp{width:55px;height:55px; bottom: 62px; right: 14px; display:none}.cookies-box{bottom:44px}.cookies-box p{font-size:14px}.cookies-box .policy-link{display:inline-block;margin-top:13px}.cookies-box .btn-style{font-size:13px;padding:7px 16px 8px}.cookies-box .reject-btn{margin-left:4px}.cookies-box span{margin:0 6px}.faq-panel .accordion-button{font-size:14px}.faq-panel .accordion-button::after{background-size:15px}.faq-panel .accordion-button{padding:12px 3px 12px 10px}.faq-panel .accordion-button{padding:12px 10px;font-size:15px}.faq-panel .accordion-button::after{position:absolute;top:14px;right:3px}.faq-panel{padding-bottom:22px}.banner-panel{height:200px}.banner-panel .banner-title{font-size:44px}.breadcrumbs li{font-size:14px}.breadcrumbs span{margin:0 8px 0 5px}.mission-panel .title-box img{width:37px;margin-right:12px}.mission-panel h3{font-size:19px}.mission-panel .box{padding:18px 15px}.core-values-panel p{-webkit-line-clamp:unset;line-clamp:unset;height:auto}.core-values-panel .value-box{margin-bottom:15px}.core-values-panel{padding-bottom:18px}.certification-panel figure{margin-bottom:16px}.certification-panel{padding-bottom:18px}.trackrecord-panel{padding-bottom:15px}.trackrecord-panel h3{font-size:28px;margin-bottom:16px}.trackrecord-panel p{font-size:16px}.trackrecord-panel .record-box{margin-bottom:18px;padding:20px;border-radius:15px;background-color:var(--lightcolor);box-shadow:#64646f33 0 7px 29px 0}.top-scroll{right:10px;bottom:70px}.footer .comman-btn{display:none}.footer .bottom-spacing{padding-bottom:60px}.keywordCloud{padding:20px 12px 65px}.cloudTags a{font-size:13px;font-weight:600;margin:0}.footer .contact-info i{width:34px;height:34px;font-size:14px}.support-box{width:100%;position:fixed;bottom:0;left:0;z-index:99999;display:flex;align-items:center}.support-box a{width:50%;flex-grow:1;text-align:center;padding:11px;color:var(--lightcolor);font-size:15px;text-transform:uppercase;font-weight:500}.support-box .contact-btn{background-color:var(--primarycolor)}.support-box .whatsapp-btn{background-color:#47C355}.review-panel .review-box{padding:18px 12px}.review-panel .logos{/*height:30px;*/ margin-bottom:0; }
	.review-panel .review-box{padding: 10px 6px;}
.review-panel .col-md-3,
.review-panel .col-md-9{width:100%;}
	.reviewSlider{    justify-content: center;}
	
.review-panel .rating-box span{font-size:19px}.review-panel .rating-box img{height:16px}.modal .input-box{margin-bottom:16px}.postcontent-box{padding:0;border-radius:0;background-color:transparent;box-shadow:none;margin-bottom:39px}.postcontent-box figure{margin:28px 0}.postcontent-box .featured-image{height:230px;margin-bottom:19px}.postcontent-box .post-meta span{font-size:14px;margin-right:7px}.postcontent-box .post-meta i{font-size:15px;margin-right:1px}.postcontent-box .post-title1{font-size:24px;line-height:31px}.postcontent-box .post-title2{font-size:23px;line-height:28px;margin:26px 0 13px}.postcontent-box .mobile-hidden{display:none}.postcontent-box .mobile-visible{display:block}.postcontent-box .post-title3{font-size:19px}.postcontent-box .inner-img{height:230px}.postcontent-box .list li{margin-bottom:14px}.sidebar-widgets .widgets{margin-bottom:16px}.sidebar-widgets img{width:75px;height:75px}.sidebar-widgets .post-category-list a{font-size:15px}.footer .contact-info li a{width:auto}.footer .contact-info li{margin-bottom:15px}.footer .our-socials li{margin-bottom:0}.custom-post-box{margin-bottom:20px}.pagination .page-link{font-size:14px;padding:7px 14px}.servicedetails-panel{padding-bottom:15px}.servicescontent-box .featured-img{height:250px;margin-bottom:25px}.servicescontent-box .title-1{font-size:26px;line-height:31px;margin-bottom:18px}.servicescontent-box .title-2{font-size:20px;margin:23px 0 12px}.servicescontent-box .title-3{font-size:18px;line-height:25px;margin-bottom:13px}.servicescontent-box .img-box{column-gap:0;height:250px;margin:27px 0}.servicescontent-box .img-box figure{width:100%}.servicescontent-box .img-box figure:last-child{display:none}.servicescontent-box .video-box{height:240px}.servicescontent-box .custom-list li{width:48%}.servicescontent-box .custom-list li a{font-size:14px}.servicescontent-box .tab-container{padding:18px}.contact-info-box h1{font-size:27px;margin-bottom:25px;text-align:center}.contact-info-box ul{flex-direction:column}.contact-info-box ul li{width:100%}.contact-info-box i{width:40px;height:40px;line-height:40px;font-size:18px}.contact-info-box .info-box{width:80%}.contact-info-box a{font-size:15px}.contact-info-box h3{margin-bottom:10px}.form-box h2{font-size:30px;margin-bottom:34px;text-align:center}.form-control{font-size:15px;padding:10px 12px}.form-box label{font-size:14px;position:absolute;top:12px;right:12px}.form-box .input-box{margin-bottom:20px}.form-box .submit-btn{font-size:15px}.form-wrapper{padding:0;box-shadow:none;background-color:transparent}.map-panel .map-box{height:280px}.services-box .description-box{padding:15px 12px 22px}.services-box{margin-bottom:20px}.footer .contact-info{text-align:left}.footer .contact-info li{justify-content:flex-start}.case-study-details figure{height:215px}.case-study-details{padding:30px 0 15px}.case-study-details .heading1{font-size:20px;line-height:27px}.case-study-details .heading2{font-size:19px;margin:25px 0 15px}.case-study-details strong:not(p strong){font-size:16px}.case-study-details li::before{font-size:17px}.case-study-details li{padding-left:22px;margin-bottom:10px}.iso-certificate-panel figure{margin-bottom:35px}.iso-certificate-panel .comman-title{margin-bottom:16px}.iso-certificate-panel p{line-height:25px}.case-study-details figure{margin-bottom:25px}.case-study-details .heading1{margin-bottom:17px}.result-img-container .logo img{width:134px}.result-img-container .logo{padding:15px;margin-top:20px}.results-data .table{text-align:center}.results-data th,.results-data td{padding:10px 3px;font-size:12px}.results-data thead th{font-size:13px}.servce-container{gap:8px;justify-content:flex-start}.servce-container .country-box{padding:9px 10px}.servce-container img{width:18px;height:18px;margin-right:6px}.servce-container span{font-size:12px}.post-box .post-meta{margin-bottom:15px}}@media (max-width:480px){
	.reviewSlider{
		display: flex;
        flex-wrap: wrap !important;
        gap: 7px;
        overflow-x: unset!important;
	}
	.reviewSlider .item{ 
	        width: 49%;
        margin-bottom: 0px;
	}
	.reviewSlider .item img{ max-width: 100%;}
	
	
	.servicescontent-box .title-1 {font-size: 24px;}
	.servicedetails-panel h2 {font-size: 22px;}
	.servicedetails-panel h3{font-size: 21px;}
	.comman-title {font-size: 22px;}
	.spic {
        float: none;
        text-align: center;
		    margin-left: 0;
    }
	
	
	.reviewSlider{flex-wrap: wrap!important;}
	    .portfolio-box h3 {font-size: 15px;}
	.review-panel .logos{ max-width:100px;  margin: 6px;}
	.bubbles-wrap{display:none}.hero-panel ul{display:flex;/*overflow-x:scroll;flex-wrap:nowrap*/}.teams-panel .teams-box{height:270px}.teams-panel h3{font-size:16px}.teams-panel p{font-size:13px;margin-bottom:4px}.service-groups .comman-btn{padding:12px 8px}.service-groups .comman-btn br{display:block}}

@media (max-width:767px){
.reviewSlider{ display: flex; flex-wrap: nowrap; gap: 5px; overflow-x: scroll;}
.img-bg-shape{ display: none;}
}


/*=====Responsive Media Queries=====*/
@media (max-width:1380px) {

    .postcontent-box h1,
    .postcontent-box .post-title1 {
        font-size: 25px;
        margin-bottom: 15px;
    }

    .postcontent-box p {
        font-size: 16px;
        margin-bottom: 18px;
        line-height: 24px;
    }

    .postcontent-box .post-meta span {
        font-size: 15px;
    }

    .mt-50 {
        margin-top: 32px;
    }

    .postcontent-box h3,
    .postcontent-box h4 {
        font-size: 21px;
    }

    .wmssinn {
        padding: 15px;
    }

    .wmsshd .wmstitle {
        font-size: 21px;
        line-height: 31px;
    }

    .wmsshd .wmstitle span {
        font-size: 21px;
    }

    .wmsshd {
        padding-bottom: 12px;
        margin-bottom: 15px;
    }

    .wmssinn p {
        font-size: 15px;
    }

    .wmsscover {
        gap: 18px;
    }

    .keySeoResult .wmssinn {
        padding: 15px 12px;
    }

    .wmsshd img {
        width: 47px;
        height: 47px;
    }

    .keySeoResult .wmstitle {
        font-size: 16px;
        line-height: 21px;
    }

    .keySeoResult .wmsshd {
        padding-bottom: 14px;
        margin-bottom: 12px;
    }

    .keySeoResult p {
        line-height: 23px;
    }

    .imgContent p strong {
        margin-bottom: 10px;
    }

    .imgContent {
        padding-top: 8px;
        margin-bottom: 18px;
    }

    .postcontent-box ul li {
        font-size: 16px;
        margin-bottom: 13px;
		background-size: 15px;
    	padding-left: 24px;
    }

    .imgContent .imgContentInn {
        margin-top: 24px;
    }

    .wmsscover {
        margin: 24px 0px;
    }

    .indutriesBox {
        margin-top: 25px;
    }

    .indutriesBox a {
        font-size: 15px;
    }

    .fancy-button {
        font-size: 15px;
        padding: 9px 20px;
    }

    .seocheckout {
        padding: 12px 20px 30px;
    }

    .seochkContLine .seochkContLineInn h4 {
        font-size: 20px;
        margin-bottom: 5px;
    }

    .seochkContLine .seochkContLineInn img {
        width: 56px;
        margin: 0px;
        margin-bottom: 13px;
    }

    .seochkContLine span {
        font-size: 15px;
        line-height: normal;
    }

    .seocheckout .seochkImg img {
        width: 264px;
    }

    .relatedPost .services-box {
        height: auto;
        min-height: unset;
    }

    .relatedPost .services-box .description-box {
        padding: 15px;
        height: auto;
        min-height: unset;
    }

    .relatedPost .services-box h2 a {
        font-size: 15px;
        line-height: 22px;
        height: 46px;
    }

    .sidebar-widgets .form-control {
        font-size: 13px;
    }

    .sidebar-widgets .sidebar-title {
        font-size: 18px;
        line-height: 25px;
    }

    .sidebar-widgets form {
        margin-top: 22px;
    }

    .soKeyword li {
        font-size: 15px !important;
    }

    .seochkContLine .seochkContLineInn {
        flex-direction: column;
        text-align: center;
        align-items: center;
    }

    .keywordCloud {
        padding: 20px 72px;
    }

    .lineSubLink a {
        font-size: 14px;
    }

    .cookies-box .btn-style {
        font-size: 14px;
    }

    .mt-50.seoContPart {
        margin-top: 30px;
    }
}

@media (max-width:1200px) {
    .postcontent-box p {
        line-height: 25px;
    }

    .postcontent-box ul li {
        margin-bottom: 15px;
    }

    .postcontent-box h3,
    .postcontent-box h4 {
        font-size: 22px;
    }

    .mt-50 {
        margin-top: 39px;
    }

    .wmsscover {
        margin: 26px 0px;
    }

    .imgContent p strong {
        margin-bottom: 12px;
    }

    .postcontent-box ul li {
        font-size: 16px;
        margin-bottom: 15px;
        padding-left: 18px;
    }

    .imgContent {
        padding-top: 10px;
        margin-bottom: 28px;
    }

    .seocheckout .seochkImg img {
        width: 280px;
    }

    .relatedPost .services-box figure {
        height: 200px;
    }

    .relatedPost .services-box .description-box {
        padding: 20px;
    }

    .relatedPost .services-box h2 a {
        font-size: 19px;
        line-height: 27px;
        height: 49px;
    }

    .sidebar-widgets .form-control {
        font-size: 16px;
        padding: 10px 12px;
    }

    .sidebar-widgets .sidebar-title {
        font-size: 21px;
    }

    .sidebar-widgets .widgets {
        padding: 20px;
    }

    .seochkContLine .seochkContLineInn h4 {
        margin-bottom: 10px;
    }

    .imgContent .imgContentInn {
        margin-top: 29px;
    }

    .seochkContLine .seochkContLineInn h4 {
        font-size: 21px;
        margin-bottom: 8px;
    }

    .lineSubLink h6 {
        font-size: 18px;
        margin-bottom: 14px;
    }

    .keywordCloud {
        padding: 20px 26px;
    }

    .lineSubLink a {
        font-size: 15px;
    }

    .header .menu-title::after,
    .header .menu-title:not(.collapsed)::after {
        font-family: "Font Awesome 7 Free";
    }
}

@media (max-width:992px) {

    .wmsshd .wmstitle,
    .wmsshd .wmstitle span {
        font-size: 20px;
    }

    .postcontent-box h1,
    .postcontent-box .post-title1 {
        margin-bottom: 19px;
    }

    .postcontent-box p {
        margin-bottom: 16px;
    }

    .wmsscover .width-33 {
        width: 32%;
    }

    .keySeoResult .wmstitle {
        width: 100%;
        font-size: 18px;
        line-height: 23px;
        padding: 0px;
        margin-left: 18px;
    }

    .imgContent .imgContentInn {
        margin-top: 20px;
    }

    .imgContent .imgContentInn .imgCtp {
        width: 100%;
    }

    .imgCtimg {
        width: 100%;
        margin: 20px 0px;
    }

    .mr-2,
    .ml-2 {
        margin: 0%;
    }

    .imgContent {
        margin-bottom: 18px;
    }

    .wmss.seoResults {
        margin-top: 20px;
    }

    .csslider>ul li ul li {
        margin-bottom: 12px;
    }

    .indutriesBox a {
        padding: 8px 11px;
    }

    .seocheckout {
        flex-wrap: wrap;
    }

    .seocheckout .seochkCont {
        width: 100%;
        margin-bottom: 30px;
    }

    .seochkContLine .seochkContLineInn img {
        margin-bottom: 18px;
    }

    .seochkContLine .seochkContLineInn h4 {
        font-size: 22px;
        margin-bottom: 9px;
    }

    .seochkContLine span {
        font-size: 16px;
    }

    .seocheckout .seochkImg img {
        width: 280px;
        margin: 0px auto;
    }

    .postcontent-box .seocheckout {
        margin-bottom: 6px;
    }

    .postsdetail-panel .relatedPost {
        margin-top: 40px !important;
    }

    .relatedPost .services-box .description-box {
        padding: 18px;
    }

    .relatedPost .services-box h2 a {
        font-size: 18px;
        line-height: 25px;
        height: 51px;
    }

    .keywordCloud {
        padding: 20px 38px;
    }

    .lineSubLink a {
        font-size: 15px;
    }

    .whatsapp {
        bottom: 60px;
        width: 57px;
        height: 57px;
    }

    .nav-header i {
        width: 26px;
        height: 26px;
    }

    .keywordCloud {
        padding: 20px 26px;
    }

    .seocheckout .seochkImg {
        width: 100%;
    }
}

@media (max-width:768px) {

    .postcontent-box h1,
    .postcontent-box .post-title1 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .lineSubLink a {
        font-size: 13px;
        font-weight: 500;
        margin-left: 0px;
    }

    .keywordCloud {
        padding: 20px 12px 60px;
    }

    .footer .ftr-title::after,
    .footer .ftr-title:not(.collapsed)::after {
        font-family: "Font Awesome 7 Free";
    }

    .sidebar-widgets .widgets {
        padding: 18px;
    }

    .sidebar-widgets .sidebar-title {
        font-size: 19px;
    }

    .sidebar-widgets .form-control {
        font-size: 15px;
    }

    .relatedPost .services-box .description-box {
        padding: 15px;
    }

    .relatedPost .services-box h2 a {
        font-size: 17px;
        line-height: 26px;
        height: 52px;
    }

    .seocheckout {
        padding: 12px 12px 15px;
    }

    .seochkContLine .seochkContLineInn {
        padding: 12px 10px;
        margin: 0 5px;
    }

    .mt-50 {
        margin-top: 35px;
    }

    .postcontent-box h3,
    .postcontent-box h4 {
        font-size: 20px;
    }

    .anlyticResult {
        margin-top:30px;
    }

    .alytDesktop {
        display: none;
    }

    .alytMobile {
        display: block;
    }

    .wmsshd .wmstitle,
    .wmsshd .wmstitle span {
        font-size: 19px;
    }

    .wmsscover .width-33 {
        width: 100%;
    }

    .keySeoResult .wmstitle {
        font-size: 18px;
        line-height: 25px;
    }

    .keySeoResult .wmsshd {
        padding-bottom: 17px;
        margin-bottom: 15px;
    }

    .imgContent p strong {
        margin: 0px;
    }

    .postcontent-box ul li {
        font-size: 15px;
    }

    .imgCtimg {
        margin: 15px 0px 18px;
    }

    .indutriesBox {
        text-align: left;
    }

    .indutriesBox a {
        font-size: 14px;
        margin: 5px 0px;
    }

    .fancy-button {
        font-weight: 14px;
        padding: 10px 20px;
    }

    .anlyticResult {
        margin-top: 23px;
    }

    .seocheckout {
        padding: 18px 12px;
    }

    .seochkContLine .seochkContLineInn img {
        width: 55px;
        margin-bottom: 17px;
    }

    .seochkContLine .seochkContLineInn {
        width: 100%;
        margin: 0px;
        margin-bottom: 12px;
    }

    .seochkContLine {
        flex-wrap: wrap;
        margin-top: 0px;
        margin-bottom: 12px;
    }

}

@media (max-width:768px) {
    .csslider>.navigation{
        left:25%;
    }
 
    .csslider{
        margin-left:0px;
        font-family:'Open Sans';
    }
}

.postcontent-box .imgContent ul li {
    background-size: 15px;
    padding-left: 24px;
}


/*=====Css File=====*/
.services-box h2 {
    color: var(--darkcolor);
    font-size: 21px;
    font-weight: 600;
    line-height: 27px;
    height: 28px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    margin-top: 0px;
    margin-bottom: 15px;
 
}
 
.services-box figure {
    width: 100%;
    height: 210px;
    border-radius: 15px 15px 0 0;
}
 
.services-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
    transition: all .4s ease-in-out;
}
 
.services-box p {
    color: var(--textcolor);
    font-size: 16px;
    line-height: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    height: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}
 
.bannerContent .banner-title {
    display: block;
    font-size: 50px;
    margin-bottom: 5px;
}
 
.bannerContent .banner-text {
    font-size: 20px;
}
 
.post-box h3 {
    margin-bottom: 12px;
}
 
.whatMakes h2 {
    margin-top: 35px;
}
 
.whatMakes {
    margin-bottom: 0px;
}
 
.services-box h2 {
    margin-top: 0px;
}
 
 
.ourWorkBox ul,
.servicedetails-panel .ourWorkBox ul {
    padding-bottom: 0px;
}
 
.services-box .description-box {
    min-height: unset;
}
 
.services-box img {
    object-fit: cover;
}
 
video {
    height: revert-layer;
}
 
.postcontent-box .imgContent ul li {
    background-size: 15px;
    padding-left: 24px;
}
 
.servicedetails-panel h2 {
    margin-bottom: 18px;
}
 
.servicescontent-box .title-3 {
    font-size: 26px;
    margin: 25px 0px 18px;
}
 
.servicescontent-box p {
    font-size: 17px;
    line-height: 27px;
    margin-bottom: 22px;
}
 
.imgCtimg {
    height: 100%;
}
 
.imgCtimg img {
    margin: 0px;
}
 
.boxesLayout {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
}
 
.boxs-33 {
    width: 32.1%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    margin-bottom: 0px;
}
 
.boxesLayout h4 {
    font-size: 23px;
    line-height: 30px;
    font-family: 'poppinsbold';
    color: #212121;
    margin-top: 32px;
    margin-bottom: 12px;
}
 
.servicescontent-box .boxesLayout p {
    line-height: 24px;
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 0px;
    color: #444;
}
 
.servicescontent-box .title-3 {
    margin-bottom: 30px;
}
 
.boxesLayoutFullShadow {
    display: flex;
    gap: 22px;
    background: #fff;
    border-radius: 12px;
    margin-bottom: 25px;
    box-shadow: 4px 4px 10px #0000001a;
    overflow: hidden;
}
 
.boxlayShadow {
    background: #fff;
    border-radius: 12px;
    padding: 0 14px;
    box-shadow: 0px 0px 15px 6px #0000001a;
    height: 100%;
    text-align: center;
}
 
.blfsImg {
    width: 52%;
}
 
.blfsText {
    width: 48%;
    padding: 20px;
}
 
.servicedetails-panel h2 {
    color: var(--darkcolor);
    font-size: 25px;
    font-weight: 700;
    margin: 0px;
    margin-bottom: 18px;
}
 
.servicescontent-box .title-3 {
    font-size: 28px;
    margin-top: 0px;
    margin-bottom: 18px;
}
 
.boxesLayout {
    margin: 34px 0px;
}
 
.boxlayShadow {
    padding: 20px;
}
 
.hrBoxImgText {
    margin-top: 25px;
}
 
.allPartyIcon {
    overflow: hidden;
    margin-bottom: 40px;
    margin-top: 20px;
}
 
.apIcon {
    float: left;
    vertical-align: top;
    width: 20%;
}
 
.apIcon img {
    margin: 10px 5%;
    width: 90%;
}
 
.fmWithContent {
    display: flex;
    /* flex-wrap: wrap; */
}
 
.width-50 {
    width: 50%;
}
 
.mt-3 {
    margin-top: 30px;
}
 
.spic {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
}
 
.innerimgresponsive {
    width: 100%;
}
 
.manyBoxes .card-wrap:nth-child(1n) {
    border-color: #3e88a8;
}
 
.manyBoxes .card-wrap {
    border: 1px solid #e3e3e3 !important;
    /* border: 4px solid transparent; */
    transform-style: preserve-3d;
    background: linear-gradient(0deg, #e9e9e9 0%, #fff 100%);
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transition: all 0.5s ease-in-out;
    margin-bottom: 20px;
    border-radius: 32px;
    padding: 25px;
}
 
.manyBoxes .card-wrap h4 {
    font-size: 25px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 15px;
}
 
.corporatecontent p {
    line-height: 24px;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 22px;
    color: #444;
}
 
@media (max-width: 1380px) {
    .custom-post-box h3 {
        font-size: 15px;
        line-height: 23px;
        margin-bottom: 12px;
        height: 46px;
    }
 
    .services-box figure {
        height: 185px;
    }
 
    .services-box h2 {
        font-size: 18px;
        margin-bottom: 12px;
        height: 27px;
    }
 
    .servicedetails-panel h3 {
        margin: 25px 0px 13px;
    }
 
    .servicedetails-panel .servicescontent-box ul {
        padding-bottom: 10px;
    }
 
    .services-box .description-box {
        padding-bottom: 15px;
    }
}
 
@media (max-width: 1200px) {
    .custom-post-box h3 {
        font-size: 18px;
        height: 53px;
        line-height: 27px;
        margin-bottom: 12px;
    }
 
    .services-box figure {
        height: 233px;
    }
 
    .services-box h2 {
        font-size: 21px;
        margin-bottom: 16px;
        height: 29px;
    }
 
    .whatMakes ul li span {
        font-size: 17px;
    }
}
 
@media (max-width: 992px) {
    .custom-post-box h3 {
        font-size: 16px;
        line-height: 25px;
        height: 48px;
    }
 
    .services-box h2 {
        font-size: 19px;
        margin-bottom: 12px;
        height: 27px;
    }
 
    .services-box figure {
        height: 174px;
    }
 
    .services-box .description-box {
        padding: 15px 12px 20px;
    }
 
    .services-box h2 {
        font-size: 19px;
        margin-bottom: 12px;
        height: 27px;
    }
 
    .fmWithContent {
        flex-direction: column;
    }
 
    .width-50 {
        width: 100%;
    }
 
    .spic {
        float: none;
    }
 
}
 
@media (max-width: 768px) {
    .custom-post-box h3 {
        line-height: 26px;
        height: 50px;
    }
 
    .services-box figure {
        height: 166px;
    }
 
    .csslider>.navigation {
        left: 30%;
    }
 
    .csslider {
        margin-left: 0px;
        font-family: 'Open Sans';
    }
 
    .keywordCloud {
        padding: 20px 12px;
    }
 
    body {
        padding-bottom: 44px;
    }
 
    .csslider>.navigation {
        left: 30%;
    }
 
    .csslider {
        margin-left: 0px;
        font-family: 'Open Sans';
    }
 
    .breadcrumbs {
        display: block;
    }
 
    .breadcrumbs li {
        font-size: 14px;
        display: inline-block;
        margin-bottom: 2px;
    }
 
    .breadcrumbs span {
        margin: 0 2px 0 0px;
    }
 
}
 
.coloredBoes {
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
}
 
.coloredBoes .coloredSingle {
    background: #f6e6ff;
    width: 49%;
    margin-bottom: 20px;
    border-radius: 32px;
    border-bottom: 4px solid #bfa3cf;
}
 
.coloredBoes .coloredSingle:nth-child(2n) {
    background: #e7f8ff;
    border-color: #6da3ba;
}
 
.coloredBoes .coloredSingle:nth-child(3n) {
    background: #fef0cf;
    border-color: #d2963a;
}
 
.coloredBoes .coloredSingle:nth-child(4n) {
    background: #ffe2eb;
    border-color: #c84e52;
}
 
.coloredBoes .coloredSingle:nth-child(5n) {
    background: #e7e1fe;
    border-color: #412b6c;
}
 
.coloredBoes .coloredSingle:nth-child(6n) {
    background: #dbffdc;
    border-color: #4cad4e;
}
 
.coloredBoes .coloredSingle:nth-child(7n) {
    background: #ffdfe7;
    border-color: #c4365f;
}
 
.coloredBoes .coloredSingle:nth-child(8n) {
    background: #efffc0;
    border-color: #7e9c26;
}
 
.coloredBoes .coloredSingle .colorSpace {
    padding: 25px;
}
 
.coloredBoes .coloredSingle h4 {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 15px;
    word-wrap: break-word;
}
 
.coloredBoes .coloredSingle li {
    background: url(./images/check-new.png) no-repeat;
    background-size: 20px auto;
    margin-bottom: 13px;
    padding-left: 28px;
}
 
.coloredBoes .coloredSingle li:hover {
    font-weight: normal;
}
 
 
.colorHorizonList {
    /*display: flex;
  flex-wrap: wrap;
  gap: 20px;*/
}
 
.colorHorizonSingle {
    /*width: calc(50% - 10px);*/
    box-sizing: border-box;
 
    margin-bottom: 20px;
    border-radius: 32px;
    padding: 25px;
    border-bottom: 4px solid #bfa3cf;
 
 
    background: #fff;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
 
.colorHorizonSingle:hover {
    border-width: 4px;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
 
.colorHorizonSingle h4 {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 15px;
}
 
.colorHorizonSingle h4 span {
    font-weight: bold !important;
    padding: 5px 10px;
    border-radius: 14px;
    background: #fff !important;
    /*color: #fff;*/
}
 
.colorHorizonSingle:nth-child(1n) h4 span {
    background: #3e88a8;
}
 
.colorHorizonSingle:nth-child(2n) h4 span {
    background: #d2963a;
}
 
.colorHorizonSingle:nth-child(3n) h4 span {
    background: #c84e52;
}
 
.colorHorizonSingle:nth-child(4n) h4 span {
    background: #412b6c;
}
 
.colorHorizonSingle:nth-child(5n) h4 span {
    background: #4cad4e;
}
 
.colorHorizonSingle:nth-child(6n) h4 span {
    background: #c4365f;
}
 
.colorHorizonSingle:nth-child(7n) h4 span {
    background: #7e9c26;
}
 
.colorHorizonSingle:nth-child(8n) h4 span {
    background: #726dba;
}
 
.colorHorizonSingle:nth-child(9n) h4 span {
    background: #cc3433;
}
 
.colorHorizonSingle:nth-child(10n) h4 span {
    background: #ce7134;
}
 
.colorHorizonSingle:nth-child(11n) h4 span {
    background: #33c884;
}
 
.colorHorizonSingle:nth-child(12n) h4 span {
    background: #a132cc;
}
 
.manyBoxes .card-wrap {
    border: 1px solid #e3e3e3 !important;
    /*border:4px solid transparent;*/
    transform-style: preserve-3d;
    background: linear-gradient(0deg, #e9e9e9 0%, #fff 100%);
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transition: all 0.5s ease-in-out;
 
    margin-bottom: 20px;
    border-radius: 32px;
    padding: 25px;
 
}
 
.manyBoxes .card-wrap:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
 
.manyBoxes .card-wrap h4 {
    font-size: 25px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 15px;
}
 
.manyBoxes .card-wrap:nth-child(1n) {
    border-color: #3e88a8;
}
 
.manyBoxes .card-wrap:nth-child(2n) {
    border-color: #d2963a;
}
 
.manyBoxes .card-wrap:nth-child(3n) {
    border-color: #c84e52;
}
 
.manyBoxes .card-wrap:nth-child(4n) {
    border-color: #412b6c;
}
 
.manyBoxes .card-wrap:nth-child(5n) {
    border-color: #4cad4e;
}
 
.manyBoxes .card-wrap:nth-child(6n) {
    border-color: #c4365f;
}
 
.manyBoxes .card-wrap:nth-child(7n) {
    border-color: #7e9c26;
}
 
.manyBoxes .card-wrap:nth-child(8n) {
    border-color: #726dba;
}
 
 
 
.manyBoxes {
    margin: 33px 0px;
}
 
 
@media (max-width:992px) {
    .coloredBoes .coloredSingle {
        width: 100%;
    }
 
    .coloredBoes .coloredSingle h4 {
        font-size: 21px;
    }
}
 
.caseStudiesList {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
 
.caseStudiesListCover {
    width: 32%;
    flex-grow: 1;
    border-radius: 15px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
 
.caseStudiesListCover .cslImg {
    width: 100%;
    height: 282px;
    border-radius: 15px 15px 0px 0px;
}
 
.caseStudiesListCover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0px;
    border-radius: 15px 15px 0px 0px;
}
 
 
.caseStudiesListCover .caseStudiesListBox {
    padding: 20px;
}
 
.caseStudiesListCover h3 {
    font-size: 22px;
    line-height: normal;
    margin-bottom: 14px;
    display: -webkit-box;
    height: 31px;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    margin-top: 0px;
    margin-bottom: 13px;
}
 
.caseStudiesListCover p {
    color: var(--textcolor);
    font-size: 16px;
    line-height: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    margin-top: 0px;
    height: 49px;
    margin-bottom: 20px;
}
 
.vdlink {
    display: inline-block;
    color: var(--lightcolor) !important;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 12px 20px 14px;
    border-radius: 10px;
    background-color: var(--primarycolor);
    box-shadow: 0 4px 8px #00000026;
}
 
.postcontent-box .imgContent ul li {
    background-size: 15px;
    padding-left: 24px;
}
 
.caseStudiesListCover .clear {
    display: none;
}
 
@media (max-width:1380px) {
    .caseStudiesListCover .cslImg {
        height: 242px;
    }
 
    .caseStudiesListCover .caseStudiesListBox {
        padding: 15px;
    }
 
    .caseStudiesListCover h3 {
        font-size: 18px;
        height: 27px;
        margin-bottom: 11px;
    }
 
    .caseStudiesListCover p {
        font-size: 15px;
        line-height: 22px;
        height: 45px;
        margin-bottom: 18px;
    }
 
    .vdlink {
        font-size: 13px;
        padding: 10px 15px 12px;
    }
}
 
@media (max-width:1200px) {
    .caseStudiesListCover h3 {
        font-size: 21px;
        height: 30px;
        margin-bottom: 15px;
    }
 
    .caseStudiesListCover p {
        font-size: 17px;
        height: 50px;
        margin-bottom: 21px;
    }
 
    .vdlink {
        font-size: 14px;
        padding: 11px 19px 12px;
    }
 
    .caseStudiesListCover .cslImg {
        height: 309px;
    }
}
 
@media (max-width:992px) {
    .caseStudiesListCover .cslImg {
        height: 228px;
    }
 
    .caseStudiesListCover p {
        font-size: 17px;
        height: 45px;
        margin-bottom: 21px;
    }
}
 
@media (max-width:768px){
    .caseStudiesListCover{
        width:100%;
    }
}
.servce-container img{

}


/*=============================New Styling Start Here(8-12-2025)================================*/
 
.postcontent-box .fmWithContent .width-50.fmContent {
    width: 100%;
}
 
.postcontent-box p {
    margin-bottom: 22px;
    font-size: 17px;
}
 
.postcontent-box .post-title1 {
    color: var(--primarycolor);
    font-size: 33px;
    font-weight: 700;
    text-transform: capitalize;
    margin: 0px;
    margin-bottom: 20px;
}
 
.postcontent-box .title-3 {
    font-size: 28px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0px;
    margin-bottom: 22px;
}
 
.postcontent-box .title-4 {
    font-size: 28px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0px;
    margin-bottom: 22px;
}
 
.postcontent-box .mt-50 {
    margin-top: 40px;
}
 
.postcontent-box .anlyticRetsImg {
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}
 
.postcontent-box .anlyticRetsImg img {
    width: 100%;
}
 
.postcontent-box .alytDesktop {
    display: block;
}
 
.wmsscover {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
 
.wmsscover .width-50 {
    width: 48.6%;
    border: 1px solid #d5dfe5;
    border-radius: 15px;
    flex-grow: 1;
}
 
.wmssinn {
    padding: 20px 18px;
}
 
.wmsshd {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    border-bottom: 2px solid #d5dfe5;
    padding-bottom: 13px;
    margin-bottom: 18px;
}
 
.wmsshd .wmstitle {
    font-size: 28px;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 38px;
    width: 70%;
    margin: 0px;
}
 
.wmsshd .wmstitle span {
    font-size: inherit;
    color: #949494;
    display: block;
}
 
.wmssinn p {
    color: var(--textcolor);
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0px;
}
 
.keySeoResult p,
.wmssinn p {
    margin-bottom: 0px !important;
}
 
.wmsshd img {
    max-width: 54px;
    max-height: 54px;
    object-fit: contain;
    margin-left: auto;
    border-radius: 0px;
}
 
.keySeoResult .wmssinn {
    padding: 15px;
    border-radius: 15px;
}
 
.mt-40 {
    margin-top: 40px;
}
 
.mt-3 {
    margin-top: 30px;
}
 
.wmsscover .width-33 {
    width: 31%;
    border: 1px solid #d5dfe5;
    flex-grow: 1;
    border-radius: 15px;
    margin: 0px;
}
 
.keySeoResult .wmssinn .wmsshd img {
    margin-left: 0;
}
 
.wmsshd img {
    width: 54px;
    height: 54px;
    /* margin-left: auto; */
}
 
.keySeoResult .wmstitle {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    color: #000;
    padding-left: 12px;
    margin: 0px;
    width: 78%;
}
 
.postcontent-box ul {
    margin-bottom: 15px;
}
 
.postcontent-box .imgContent .imgContentInn {
    margin-top: 25px;
    display: flex;
    flex-wrap: wrap;
}
 
.postcontent-box .imgContent .imgContentInn p {
    margin-bottom: 20px;
}
 
.postcontent-box .mr-2 {
    margin-right: 3%;
}
 
.postcontent-box .imgCtp {
    width: 48%;
}
 
.postcontent-box .imgCtimg {
    width: 48%;
    height: 100%;
    border-radius: 15px;
    margin-bottom: 0px;
}
 
.imgCtimg img {
    border-radius: 15px;
}
 
.postcontent-box .ml-2 {
    margin-left: 3%;
}
 
.imgContent p strong {
    font-size: inherit;
    margin: 0px;
}
 
.postcontent-box .videoCover {
    height: 100%;
    overflow-x: visible;
    text-align: center;
    margin-top: 30px;
}
 
.videoCover .csslider video {
    border: 1px solid grey;
    border-radius: 15px 15px 0px 0px;
    height: revert-layer;
}
 
.videoCover .soKeyword {
    padding: 0;
}
 
.postcontent-box .soKeyword ul {
    margin: 0px;
}
 
.postcontent-box .soKeyword li {
    background: #f5f5f5 !important;
    list-style: none;
    padding: 12px 10px !important;
    display: flex;
    justify-content: space-between !important;
    font-size: 18px !important;
    color: var(--text-color);
    line-height: normal;
    background-image: none;
    font-family: inherit;
    margin-bottom: 15px;
}
 
.csslider>ul li ul li {
    margin-left: 0px;
}
 
.csslider>.navigation {
    position: absolute;
    bottom: -8px;
    left: 50%;
    z-index: 10;
    margin-bottom: -10px;
    font-size: 0;
    line-height: 0;
    text-align: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
 
.postcontent-box .indutriesBox {
    text-align: center;
    margin-top: 0px;
}
 
.postcontent-box .indutriesBox a {
    display: inline-block;
    padding: 8px 12px;
    margin: 5px 2px;
    border-radius: 10px;
    background-color: transparent;
    border: 2px solid var(--secondarycolor);
    color: var(--darkcolor);
    background: none;
    background: var(--lightcolor);
    border: 1px solid transparent;
    border-radius: 12px;
    background-image: linear-gradient(#fff, var(--lightcolor)), linear-gradient(90deg, #0057ff, #ff3b30);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}
 
.fancy-button {
    display: inline-block;
    color: var(--lightcolor) !important;
    background: var(--buttoncolor);
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    letter-spacing: 1px;
    padding: 10px 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px #00000026;
    cursor: pointer;
    transition: .3s ease;
    position: relative;
    margin: 0px 4px 8px;
}
 
.blgServices .services-box figure {
    height: 179px;
}
 
.blgServices .description-box {
    min-height: unset;
    padding: 15px 15px 20px;
}
 
.blgServices .description-box h2 {
    color: var(--darkcolor);
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    height: 26px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    margin: 0px;
}
 
.blgServices h2 a {
    display: inline-block;
    font-size: inherit;
    overflow: visible;
    text-overflow: unset;
    display: inline-block;
}
 
.postcontent-box .manyBoxes {
    margin: 33px 0px;
}
 
.csslider {
    margin: 0px;
}
 
.imgContent {
    margin-bottom: 15px;
}
 
.postcontent-box .likeBtns {
    background: #f6f6f7;
    padding: 25px;
    margin-bottom: 30px;
}
 
.postcontent-box .likeBtns h3 {
    background: #fff;
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
    padding: 15px 16px;
    display: inline-block;
    border-radius: 6px;
    border: 1px solid #e1e1e1;
    transition: all 0.5s ease-in-out;
    margin: 0px 3px 8px 0px;
}
 
.spicLeft {
    float: left;
    margin-right: 10px;
    margin-bottom: 0px;
}
 
.spicLeft p .spic p {
    margin-bottom: 15px !important;
}
 
.caseStudiesListCover {
    width: 32%;
    flex-grow: unset;
    border-radius: 15px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
 
.caseStudiesListCover .cslImg {
    height: 277px;
}
 
.caseStudiesListCover h3 {
    font-size: 21px;
    font-weight: 600;
    height: 28px;
    margin-bottom: 15px;
}
 
.caseStudiesListCover p {
    margin-bottom: 22px;
}
 
.comman-title{
    margin-bottom:25px;
}
 
 
@media (max-width:1380px) {
    .postcontent-box .post-title1 {
        font-size: 26px;
        margin-bottom: 18px;
    }
 
    .postcontent-box .title-3 {
        font-size: 22px;
        margin-bottom: 18px;
    }
 
    .postcontent-box p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 20px;
    }
 
    .postcontent-box .mt-50 {
        margin-top: 30px;
    }
 
    .wmssinn {
        padding: 15px;
    }
 
    .wmsshd {
        padding-bottom: 12px;
        margin-bottom: 15px;
    }
 
    .wmsshd .wmstitle {
        font-size: 22px;
        line-height: 32px;
        width: 70%;
    }
 
    .keySeoResult p,
    .wmssinn p {
        font-size: 15px;
        line-height: 24px;
    }
 
    .keySeoResult .wmssinn {
        padding: 15px 12px;
    }
 
    .wmsshd img {
        width: 51px;
        height: 51px;
    }
 
    .keySeoResult .wmstitle {
        font-size: 15px;
        line-height: 22px;
    }
 
    .keySeoResult .wmsshd {
        padding-bottom: 15px;
        margin-bottom: 12px;
    }
 
    .postcontent-box .title-4 {
        font-size: 22px;
        margin-bottom: 18px;
    }
 
    .imgContent {
        padding: 0px;
        margin-bottom: 15px;
    }
 
    .postcontent-box .soKeyword li {
        font-size: 16px !important;
        padding: 10px !important;
        margin-bottom: 10px;
    }
 
    .fancy-button {
        font-size: 15px;
        padding: 10px 20px;
    }
 
    .seocheckout {
        padding: 12px 20px 30px;
    }
 
    .seochkContLine .seochkContLineInn {
        flex-direction: column;
        text-align: center;
        align-items: center;
    }
 
    .seochkContLine .seochkContLineInn img {
        width: 56px;
        margin: 0px;
        margin-bottom: 13px;
    }
 
    .seochkContLine .seochkContLineInn h4 {
        font-size: 20px;
        margin-bottom: 5px;
    }
 
    .seocheckout .seochkImg img {
        width: 264px;
    }
 
    .blgServices .services-box figure {
        height: 151px;
    }
 
    .blgServices .description-box {
        padding: 15px;
    }
 
    .blgServices .description-box h2 {
        font-size: 16px;
        height: 22px;
    }
 
    .postcontent-box .imgContent .imgContentInn {
        margin-top: 23px;
    }
 
    .mt-40 {
        margin-top: 30px;
    }
 
    .postcontent-box .likeBtns {
        padding: 15px;
    }
 
    .postcontent-box .likeBtns h3 {
        font-size: 14px;
        padding: 12px 15px;
    }
 
    .caseStudiesListCover h3 {
        font-size: 17px;
        height: 24px;
        margin-bottom: 11px;
    }
 
    .caseStudiesListCover p {
        font-size: 14px;
        line-height: 22px;
        height: 43px;
        margin-bottom: 18px;
    }
 
    .caseStudiesListCover .cslImg {
        height: 239px;
    }
 
}
 
@media (max-width:1200px) {
    .postcontent-box .post-title1 {
        font-size: 26px;
        margin-bottom: 18px;
    }
 
    .postcontent-box p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 22px;
    }
 
    .postcontent-box .title-3 {
        font-size: 22px;
        margin-bottom: 18px;
    }
 
    .wmsshd .wmstitle {
        font-size: 21px;
        line-height: 31px;
    }
 
    .keySeoResult p,
    .wmssinn p {
        font-size: 16px;
        line-height: 25px;
    }
 
    .keySeoResult .wmstitle {
        font-size: 17px;
        line-height: 24px;
    }
 
    .postcontent-box ul {
        margin-bottom: 22px;
    }
 
    .postcontent-box .imgContent .imgContentInn {
        margin-top: 21px;
    }
 
    .imgContent {
        margin-bottom: 25px;
    }
 
    .blgServices .services-box figure {
        height: 266px;
    }
 
    .manyBoxes .card-wrap h4 {
        font-size: 23px;
    }
 
    .manyBoxes .card-wrap {
        padding: 20px;
    }
 
    .coloredBoes .coloredSingle .colorSpace {
        padding: 20px;
    }
 
    .coloredBoes .coloredSingle .colorSpace p {
        margin-bottom: 15px;
    }
 
    .caseStudiesList {
        gap: 18px;
    }
 
    .caseStudiesListCover .cslImg {
        height: 193px;
    }
 
    .caseStudiesListCover h3 {
        font-size: 18px;
        height: 24px;
    }
 
    .caseStudiesListCover p {
        font-size: 16px;
        height: 47px;
        margin-bottom: 21px;
    }
 
    .vdlink{
        font-size:13px;
        padding:11px 19px 12px;
    }
}
 
@media (max-width:992px) {
    .wmsscover .width-50 {
        width: 47.6%;
    }
 
    .wmsshd .wmstitle {
        font-size: 20px;
        line-height: 30px;
    }
 
    .keySeoResult p,
    .wmssinn p {
        font-size: 15px;
        line-height: 24px;
    }
 
    .wmsscover {
        margin: 24px 0px;
    }
 
    .wmsscover .width-33 {
        width: 32%;
    }
 
    .keySeoResult .wmstitle {
        padding-left: 0px;
    }
 
    .imgCtimg {
        margin: 0px;
    }
 
    .postcontent-box .imgCtimg {
        width: 100%;
        margin-bottom: 21px;
    }
 
    .imgContent {
        padding-top: 0px;
        margin-bottom: 0px;
    }
 
    .postcontent-box .ml-2 {
        margin: 0px;
    }
 
    .blgServices .services-box figure {
        height: 194px;
    }
 
    .footer .bottom-footer a {
        font-size: 12px;
    }
 
    .spic {
        margin-left: 0px;
    }
 
    .manyBoxes .card-wrap {
        padding: 18px;
    }
 
    .spic {
        float: none;
    }
 
 
    .spicLeft {
        float: none;
        margin-bottom: 22px;
    }
 
    .spicLeft img {
        width: auto;
        height: auto;
    }
 
    .spicLeft p {
        margin-bottom: 15px;
    }
 
    .spic img[alt="blogger-outreach"] {
        width: auto;
        height: auto;
    }
 
    .caseStudiesListCover{
        width:48%;
    }
 
    .caseStudiesListCover .cslImg{
        height:225px;
    }
 
    .caseStudiesListCover h3{
        height:26px;
    }
 
    .caseStudiesListCover p{
        height:45px;
    }
 
}
 
@media (max-width:768px) {
    .csslider>ul {
        overflow-x: auto;
        max-width: 1500px;
    }
 
    .csslider {
        display: block;
    }
 
    video {
        width: 100%;
    }
 
    .postcontent-box .post-title1 {
        font-size: 25px;
    }
 
    .postcontent-box .alytDesktop {
        display: none;
    }
 
    .alytMobile {
        display: block;
    }
 
    .postcontent-box .title-3 {
        font-size: 22px;
        margin-bottom: 18px;
    }
 
    .wmsscover .width-50 {
        width: 100%;
    }
 
    .wmsshd .wmstitle {
        font-size: 20px;
        line-height: 30px;
    }
 
    .wmsscover .width-33 {
        width: 100%;
    }
 
    .wmsshd .wmstitle {
        font-size: 18px;
        line-height: 28px;
    }
 
    .postcontent-box .title-4 {
        font-size: 21px;
        line-height: 32px;
        margin-bottom: 18px;
    }
 
    .postcontent-box .imgContent .imgContentInn p {
        margin-bottom: 15px;
    }
 
    .imgContent p strong {
        display: inline;
    }
 
    .postcontent-box .mt-50 {
        margin-top: 20px;
    }
 
    .csslider>ul>li {
        width: 100%;
    }
 
    .postcontent-box .videoCover {
        margin-bottom: 45px;
    }
 
    .postcontent-box .indutriesBox {
        text-align: left;
        margin-bottom: 28px;
    }
 
    .postcontent-box .indutriesBox a {
        padding: 8px;
    }
 
    .fancy-button {
        font-size: 14px;
        padding: 10px 18px;
        margin: 0px 1px 8px;
    }
 
    .blgServices .services-box figure {
        height: 187px;
    }
 
    .blgServices .description-box {
        padding: 15px;
    }
 
    .footer .quick-links {
        display: block;
    }
 
    .footer .quick-links li {
        display: inline-block;
    }
 
    .caseStudiesList{
        gap:0px;
    }
 
    .caseStudiesListCover{
        width:100%;
        margin-bottom:20px;
    }
 
    .caseStudiesListCover h3{
        height:25px;
    }
 
    .caseStudiesListCover p{
        height:45px;
        margin-bottom:23px;
    }
}
 
/*=============================New Styling Start End(8-12-2025)================================*/


.paymentSection {
            width: 100%;
            max-width: 400px;
            margin: 0px auto;
            background: #ffffff;
            padding: 30px;
            border-radius: 15px;
            box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        }

        .paymentSection .title-1 {
            color: #034ea2;
            text-align: center;
            font-size: 32px;
            margin-bottom: 25px;
            font-weight: 600;
        }

        .paymentSection label {
            font-size: 19px;
            font-weight: 500;
            display: block;
            color: #000;
            margin-bottom: 12px;
        }

        .paymentSection input,
        .paymentSection select {
            display: block;
            width: 100%;
            padding: 12px 14px;
            color: #000;
            background-color: #fff;
            font-size: 16px;
            line-height: normal;
            border: 1px solid #ced4da;
            outline: none;
            border-radius: 6px;
            margin-bottom: 20px;
        }

        .paymentSection input:focus,
        .paymentSection select:focus {
            border-color: #034ea2;
        }

        /* Submit Button */
        .paymentSection input[type="submit"] {
            width: 100%;
            padding: 15px;
            background: #034ea2;
            color: #fff;
            border: none;
            font-size: 16px;
            font-weight: 600;
            border-radius: 10px;
            cursor: pointer;
            font-weight: 600;
            margin-top: 25px;
            margin-bottom: 0px;
        }

        .testimonials .tst {
            width: 100%;
            padding: 25px;
            border-radius: 15px;
            background-color: #fff;
            box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
            margin-bottom: 24px;
            border-left: 4px solid var(--primarycolor);
            transition: all 0.4s ease-in-out;
        }

        .testimonials .tst:hover {
            transform: translateY(-4px);
        }

        .testimonials .tst p {
            color: #000;
            font-size: 19px;
            line-height: 31px;
            text-align: left;
            margin-bottom: 0px;
        }

        .testimonials span {
            font-size: 44px;
            font-weight: bold;
            color: var(--primarycolor);
            line-height: 0;
            margin-right: 8px;
        }

        .testimonials .tst em {
            display: block;
            width: 100%;
            text-align: right;
            color: #4c4c4c;
            font-size: 18px;
            font-weight: 600;
            text-transform: capitalize;
            line-height: 30px;
            margin-top: 27px;
            border-top: 1px solid #eee;
            padding-top: 19px;
        }

        .blogBoxDesign {
            display: flex;
            gap: 15px;
            flex-wrap: wrap;
            justify-content: center;
            margin: 28px 0px 20px;
        }

        .blogBoxDesign .column {
            width: 35%;
        }

        .column .card {
            display: block;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
            padding: 16px;
            text-align: center;
            background-color: #fff;
            overflow: hidden;
            height: 100%;
        }

        .column h3 {
            color: #000;
            font-size: 20px;
            text-transform: capitalize;
            margin-bottom: 18px;
        }

        .column p {
            color: #000;
            font-size: 16px;
            line-height: 24px;
            margin-bottom: 0px;
        }

        .ddboxes {
            margin-bottom: 5px;
        }

        .ddboxes .paddingRight4 {
            padding-right: 1%;
        }

        .ddboxes .ddboxImg {
            width: 46%;
        }

        .ddboxes .ddboxesLeft {
            float: left;
        }

        .ddboxes .ddboxImg img {
            width: 100%;
            max-width: 534px;
        }

        .ddboxes .ddboxImg img {
            width: 100%;
            max-width: 534px;
        }

        .ddboxes .ddboxContnet {
            width: 50%;
        }

        .ddboxes .ddboxesRight {
            float: right;
        }

        .clear {
            width: 100%;
            clear: both;
            display: block;
        }


        .pagination li {
            list-style: none;
        }

        @media (max-width:1380px) {
            .paymentSection {
                padding: 25px;
                max-width: 320px;
            }

            .paymentSection .title-1 {
                font-size: 29px;
            }

            .paymentSection label {
                font-size: 17px;
            }

            .paymentSection input,
            .paymentSection select {
                padding: 8px 12px;
                font-size: 15px;
            }

            .paymentSection input[type="submit"] {
                padding: 12px 14px;
                font-size: 14px;
                margin-top: 23px;
            }

            .testimonials .tst p {
                font-size: 18px;
                line-height: 30px;
            }

            .testimonials .tst em {
                margin-top: 22px;
                padding-top: 17px;
                font-size: 17px;
                line-height: 29px;
            }

            .horizonBox h3 {
                margin-bottom: 15px;
            }
        }

        @media (max-width:1200px) {
            .paymentSection {
                max-width: 360px;
            }

            .paymentSection input,
            .paymentSection select {
                padding: 11px 12px;
            }

            .paymentSection input[type="submit"] {
                font-size: 16px;
                padding: 15px;
            }
        }

        @media (max-width:992px) {
            .testimonials .tst {
                padding: 20px;
            }

            .testimonials span {
                font-size: 34px;
            }

            .testimonials .tst p {
                font-size: 18px;
                line-height: 29px;
            }

            .blogBoxDesign .column {
                width: 48%;
            }
        }

        @media (max-width:768px) {
            .paymentSection {
                max-width: 100%;
            }

            .paymentSection input[type="submit"] {
                margin-top: 25px;
            }

            .testimonials span {
                font-size: 25px;
                margin-right: 6px;
            }

            .testimonials .tst p {
                font-size: 16px;
                line-height: 27px;
            }

            .testimonials .tst em {
                margin-top: 21px;
            }

            .testimonials .tst em {
                font-size: 16px;
                margin-top: 21px;
                padding-top: 17px;
            }

            .sc {
                overflow: auto;
            }

            .sc .tableformat tr td {
                padding: 12px;
            }

            .spic {
                height: 100%;
                float: right;
                margin-left: 10px;
                margin-bottom: 10px;
            }

            .spic img {
                width: "";
                height: "";
            }

            .blogBoxDesign .column {
                width: 100%;
            }

            .column h3 {
                margin-bottom: 15px;
            }


            .ddboxes .ddboxesLeft,
            .ddboxes .ddboxesRight {
                float: none;
            }

            .ddboxes .ddboxImg {
                width: 100%;
                padding: 0px;
                margin-bottom: 20px;
            }

            .ddboxes .ddboxContnet {
                width: 100%;
            }

            .ddboxes .ddboxImg img {
                width: 100%;
                max-width: 100%;
            }

            .ddboxes .ddboxContnet img {
                width: 100%;
                max-width: 100%;
            }

            .horizonBox h3 {
                font-size: 18px;
                margin-bottom: 15px;
            }
        }


.corporatecontent p {
    color: var(--textcolor);
    font-size: 17px;
    line-height: 25px;
    margin-bottom: 20px;
}
 
.corporatecontent p a {
    color: var(--primarycolor);
    text-decoration: underline;
    font-weight: 600;
}
 
.corporatetable {
    /* border: 1px solid var(--darkcolor); */
    /* border-collapse: separate; */
    border-radius: 15px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    background-color: var(--lightcolor);
 
}
 
.corporatetable tr td.thead {
    color: var(--textcolor);
    background: #f5f4f4;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 19px;
    text-align: center;
}
 
 
.corporatetable tr td {
    font-size: 16px;
    color: var(--primarycolor);
    border-bottom: 1px solid #ccc;
    padding: 18px;
}
 
.corporatetable tr:last-child td {
    border-bottom: 0px;
}
 
.corporatetable p {
    color: var(--darkcolor);
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 0px;
}
 
.corporatetable h3 {
    color: var(--primarycolor);
    font-size: 19px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 18px;
}
 
.corporatetable ul {
    margin-bottom: 10px;
    padding-left: 5px;
}
 
.corporatetable ul li {
    color: var(--textcolor);
    font-size: 16px;
    margin-bottom: 10px;
    list-style: disc;
}
 
hr {
    margin-top: 38px;
    margin-bottom: 24px;
    border: 0px;
    border-bottom: 1px solid #747474;
}
 
.pkgBasic .pkgHeader.pkgItem {
    color: #fff;
    background:#a02f6e !important;
}
 
.pkgStandard .pkgHeader.pkgItem {
    color: #fff;
    background: #0f5cae !important;
}
 
.pkgProfessional .pkgHeader.pkgItem {
    color: #fff;
    background: #f29100 !important;
}
 
.pkgEnterprise .pkgHeader.pkgItem {
    color: #fff;
    background: #22a49b !important;
}
 
@media (max-width:1380px) {
    .corporatetable tr td.thead {
        font-size: 17px;
    }
 
    .corporatecontent p {
        font-size: 16px;
        line-height: 25px;
    }
}
 
@media (max-width:1200px) {
    .corporatetable tr td {
        padding: 15px;
    }
}
 
@media (max-width:768px) {
    .corporatetable .dis100 {
        display: block;
        width: 100%;
        padding:13px 15px;
        clear: both;
    }
 
    .corporatetable tr td.thead {
        color: var(--lightcolor);
        background-color: var(--primarycolor);
    }
 
    .corporatetable ul li {
        margin-bottom: 12px;
    }
 
    hr {
        margin-top: 33px;
        margin-bottom: 22px;
 
    }
 
    .corporatecontent p {
        margin-bottom: 18px;
    }
 
    .corporatetable p {
        margin-bottom: 0px;
    }
 
    .corporatecontent p a{
        display:block;
        margin-top:10px;
    }
 
}

.vmore {
        display: inline-block;
        color: var(--lightcolor) !important;
        background-color: var(--primarycolor);
        font-size: 15px;
        font-weight: 500;
        text-transform: capitalize;
        padding: 10px 20px;
        border-radius: 10px;
        margin: 8px 0px;
    }
 
    .boxesLayout h4 {
        margin-top: 0px;
        font-weight: 600;
        text-transform: capitalize;
    }
 
    .includesSection {
        display: flex;
        gap: 15px;
        margin-bottom: 40px;
    }
 
    .isImgText {
        position: relative;
        width: 100%;
        max-width: 600px;
        border-radius: 12px;
        overflow: hidden;
    }
 
    .isImgText img {
        width: 100%;
        height: auto;
        display: block;
    }
 
    .isImgText .isText {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom, rgb(0 0 0 / 2%), rgb(0 0 0 / 64%));
        display: flex;
        justify-content: center;
        align-items: end;
    }
 
    .isImgText .isText span {
        color: #fff;
        font-size: 17px;
        font-weight: bold;
        text-align: center;
        padding: 10px 10px;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
    }
 
    .boxesLayoutFullShadow {
        display: flex;
        gap: 22px;
        background: #fff;
        border-radius: 12px;
        margin-bottom: 25px;
        box-shadow: 4px 4px 10px #0000001a;
        overflow: hidden;
    }
 
    .blfsImg {
        width: 52%;
    }
 
    .blfsImg img {
        width: 100%;
        height: 100%;
    }
 
    .blfsText {
        width: 48%;
        padding: 20px;
    }
 
    .blfsText h4 {
        font-size: 24px;
        font-family: 'poppinsbold';
        color: #000000;
        margin-bottom: 15px;
    }
 
    .blfsText p {
        color: var(--textcolor);
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 0px;
    }
 
    .pagination li.page-item,
    .pagination {
        list-style: none !important;
        background-image: none !important;
        background: none !important;
        padding-left: 0px;
    }
 
    .pagination .active {
        background-color: var(--primarycolor) !important;
    }
 
    @media (max-width:1380px) {
        .vmore {
            font-size: 15px;
        }
    }
 
    @media (max-width:992px) {
        .imgContent .imgContentInn {
            display: block;
        }
 
        .imgContent .imgContentInn .imgCtp {
            width: 100%;
        }
 
        .imgCtimg {
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }
 
        .boxesLayoutFullShadow {
            flex-wrap: wrap;
        }
 
        .blfsImg {
            width: 100%;
            order: -1;
        }
 
        .blfsText {
            width: 100%;
            padding: 20px 4%;
        }
 
        .includesSection {
            flex-wrap: wrap;
        }
 
        .isImgText {
            width: 48%;
            margin-bottom: 20px;
        }
    }
 
 
    @media (max-width:768px) {
        .isImgText {
            width: 100%;
            margin-bottom: 10px;
        }
 
    }


.otherServiceTab .tabs .tab {
    -webkit-box-ordinal-group: 100;
    -webkit-order: 99;
    -ms-flex-order: 99;
    order: 99;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%;
    display: none;
    padding: 1rem;
    background: #fff
}
 
.otherServiceTab .tabs input[type=radio]:checked+label {
    background: 0 0
}
 
.otherServiceTab .tabs input[type=radio]+label span {
    background-image: url(../assests/images/tab-blog-details.png);
    background-repeat: no-repeat;
    border-top: 2px solid #e3e4e6;
    border-left: 1px solid #e3e4e6;
    border-right: 1px solid #e3e4e6;
    border-bottom: 1px solid #e3e4e6;
    padding: 4.1rem 1rem .7rem;
    display: block;
    text-align: center
}
 
.otherServiceTab .tabs input[type=radio]:checked+label span {
    background-image: url(../assests/images/tab-blog-details-hover.png);
    border-top: 2px solid #ed1a3b;
    border-bottom: 0
}
 
.otherServiceTab .tabs input[type=radio] {
    position: absolute;
    opacity: 0
}
 
.otherServiceTab .tabs input[type=radio]+label span.seoLodgings {
    background-position: center 11px
}
 
.otherServiceTab .tabs input[type=radio]+label span.seoResorts {
    background-position: center -85px
}
 
.otherServiceTab .tabs input[type=radio]+label span.seoRentals {
    background-position: center -184px
}
 
.otherServiceTab .tabs input[type=radio]+label span.seoRestaurants {
    background-position: center -283px
}
 
.otherServiceTab.localSeoServices .tabs input[type=radio]+label span {
    background-image: url(../assests/images/lss-tab-icon.png)
}
 
.otherServiceTab.localSeoServices .tabs input[type=radio]:checked+label span {
    background-image: url(../assests/images/lss-tab-icon-hover.png)
}
 
.otherServiceTab.localSeoServices .tabs input[type=radio]+label span.seoLowFirms {
    background-position: center 11px
}
 
.otherServiceTab.localSeoServices .tabs input[type=radio]+label span.seoBarRestaurants {
    background-position: center -85px
}
 
.otherServiceTab.localSeoServices .tabs input[type=radio]+label span.seoPlumbers {
    background-position: center -184px
}
 
.otherServiceTab.localSeoServices .tabs input[type=radio]+label span.seoPetStores {
    background-position: center -283px
}
 
.otherServiceTab .tabs input[type=radio]:checked+label+.tab {
    display: block;
    border: 1px solid #e3e4e6;
    border-top: 0
}
 
.otherServiceTab .tabs.tabs5 label {
    width: 20%
}
 
.otherServiceTab .tabs.tabs5 input[type=radio]+label span {
    background-image: url(../images/wdci-tab-icon.png);
    background-repeat: no-repeat;
    border-top: 2px solid #e3e4e6;
    border-left: 1px solid #e3e4e6;
    border-right: 1px solid #e3e4e6;
    border-bottom: 1px solid #e3e4e6;
    padding: 4.1rem .5rem .7rem;
    display: block;
    text-align: center
}
 
.otherServiceTab .tabs.tabs5 input[type=radio]:checked+label span {
    background-image: url(../images/wdci-tab-icon-hover.png);
    border-top: 2px solid #ed1a3b;
    border-bottom: 0
}
 
.otherServiceTab .tabs.tabs5 input[type=radio]+label span.healthcareFitness {
    background-position: center 11px
}
 
.otherServiceTab .tabs.tabs5 input[type=radio]+label span.rducationtab {
    background-position: center -85px
}
 
.otherServiceTab .tabs.tabs5 input[type=radio]+label span.logisticTransport {
    background-position: center -184px
}
 
.otherServiceTab .tabs.tabs5 input[type=radio]+label span.bankingTab {
    background-position: center -283px
}
 
.otherServiceTab .tabs.tabs5 input[type=radio]+label span.travelHospitality {
    background-position: center -383px
}
 
@media (max-width:1140px) {
    .otherServiceTab .tabs input[type=radio]+label span {
        height: 100%
    }
}
 
@media (max-width:860px) {
 
    .otherServiceTab .tabs label span,
    .otherServiceTab .tabs.tabs5 label span {
        padding: 1rem
    }
 
    .otherServiceTab .tabs.tabs5 input[type=radio]+label span {
        height: 100%
    }
}
 
@media (max-width:750px) {
 
    .otherServiceTab .tabs label span,
    .otherServiceTab .tabs.tabs5 label span {
        padding: 1rem .5rem
    }
}
 
@media (max-width:45em) {
    .otherServiceTab .tabs input[type=radio]+label span {
        border: 0;
        padding: 1rem;
        background-image: none
    }
 
    .otherServiceTab .tabs label {
        width: 100%;
        margin-right: 0;
        margin-top: 0;
        border: 1px solid #e3e4e6
    }
 
    .otherServiceTab .tabs input[type=radio]:checked+label {
        color: #fff;
        border: 1px solid #ed1a3b;
        background: #e85369;
        background: -moz-linear-gradient(top, #e85369 0, #ed1a3b 100%);
        background: -webkit-linear-gradient(top, #e85369 0, #ed1a3b 100%);
        background: linear-gradient(to bottom, #e85369 0, #ed1a3b 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e85369', endColorstr='#ed1a3b', GradientType=0)
    }
 
    .otherServiceTab .tabs input[type=radio]:checked+label+.tab {
        border: 1px solid #e3e4e6
    }
 
    .otherServiceTab.localSeoServices .tabs input[type=radio]+label span {
        border: 0;
        padding: 1rem;
        background-image: none
    }
 
    .otherServiceTab.localSeoServices .tabs input[type=radio]:checked+label span {
        background-image: none;
        color: #fff
    }
 
    .otherServiceTab .tabs.tabs5 input[type=radio]+label span {
        border: 0;
        padding: 1rem;
        background-image: none
    }
 
    .otherServiceTab .tabs input[type=radio]:checked+label span {
        background-image: none;
        color: #fff
    }
 
    .otherServiceTab .tabs .tab,
    .otherServiceTab .tabs label {
        -webkit-box-ordinal-group: NaN;
        -webkit-order: initial;
        -ms-flex-order: initial;
        order: initial
    }
 
    .otherServiceTab .tabs.tabs5 label {
        width: 100%;
        margin-right: 0;
        margin-top: 0;
        border: 1px solid #e3e4e6
    }
 
    .otherServiceTab .tabs.tabs5 input[type=radio]:checked+label {
        color: #fff;
        border: 1px solid #ed1a3b;
        background: #e85369;
        background: -moz-linear-gradient(top, #e85369 0, #ed1a3b 100%);
        background: -webkit-linear-gradient(top, #e85369 0, #ed1a3b 100%);
        background: linear-gradient(to bottom, #e85369 0, #ed1a3b 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e85369', endColorstr='#ed1a3b', GradientType=0)
    }
 
    .otherServiceTab .tabs.tabs5 input[type=radio]:checked+label+.tab {
        border: 1px solid #e3e4e6
    }
 
    .otherServiceTab .tabs.tabs5 input[type=radio]:checked+label span {
        background-image: none
    }
}


.author-header {
            background: var(--primarycolor);
            padding: 30px;
            border-radius: 15px;
            display: flex;
            box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.08);
            align-items: center;
            margin-bottom: 30px;
        }

        .author-header .profil-box {
            width: 160px;
            height: 160px;
            border-radius: 50%;
            margin-right: 29px;
        }

        .author-header .side-box {
            width: 65%;
        }

        .author-header img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 50%;
        }

        .author-header h1 {
            color: var(--lightcolor);
            font-size: 42px;
            line-height: 58px;
            font-weight: 700;
            text-transform: capitalize;
        }

        .author-box h2 {
            color: var(--darkcolor);
            font-size: 28px;
            font-weight: 700;
            text-align: center;
            margin: 26px 0px 15px;
            text-align: left;
        }

        .author-box p {
            color: var(--textcolor);
            font-size: 18px;
            line-height: 27px;
            margin-bottom: 15px;
        }

        .author-box h5 {
            color: var(--darkcolor);
            font-size: 18px;
            font-weight: 600;
            margin: 18px 0px;
        }

        .author-box ul {
            margin-bottom: 15px;
            padding: 0px;
        }

        .author-box ul li {
            color: var(--textcolor);
            font-size: 17px;
            margin-bottom: 10px;
            background-image: none;
            background: url(../images/dot.png) 0 5px no-repeat;
            background-size: 15px;
            padding-left: 23px;
        }

        .author-box h3 {
            color: var(--darkcolor);
            font-size: 25px;
            font-weight: 700;
            text-transform: capitalize;
            margin: 19px 0px;
        }

        .author-box p a {
            color: var(--primarycolor);
            font-weight: 500;
        }

        .contact-info-box ul li {
            background-image: none;
        }

        @media (max-width:1380px) {
            .author-header {
                padding: 25px;
            }

            .author-header h1 {
                font-size: 39px;
                line-height: 54px;

            }

            .author-box p {
                font-size: 17px;
                line-height: 26px;
            }

            .author-box h2 {
                font-size: 27px;
                margin-bottom: 14px;
            }

            .author-box ul li {
                font-size: 16px;
            }

            .author-box h3 {
                font-size: 23px;
                margin: 19px 0px 15px;
            }
        }

        @media (max-width:1200px) {
            .author-box h2 {
                font-size: 26px;
                margin: 25px 0px 12px;
            }

            .author-box h3 {
                font-size: 23px;
            }

            .author-header .side-box {
                width: 75%;
            }

            .author-header h1 {
                font-size: 38px;
                line-height: 52px;
            }
        }

        @media (max-width:992px) {
            .author-header h1 {
                font-size: 32px;
                line-height: 46px;
            }

            .author-header .side-box {
                width: 69%;
            }

            .author-box h2 {
                font-size: 27px;
            }
        }

        @media (max-width:768px) {
            .author-header {
                flex-direction: column;
                align-items: center;
            }

            .author-header .profil-box {
                width: 115px;
                height: 115px;
                margin-right: 0px;
                margin-bottom: 20px;
            }

            .author-header .side-box {
                width: 100%;
                text-align: center;
            }

            .author-header h1 {
                font-size: 27px;
                line-height: 37px;
            }

            .author-header {
                margin-bottom: 33px;
            }

            .author-box h2 {
                font-size: 26px;
                line-height: 34px;
            }

            .author-box p {
                font-size: 16px;
                line-height: 25px;
                margin-bottom: 12px;
            }

            .author-box h5 {
                font-size: 16px;
                line-height: 25px;
                margin: 15px 0px;
            }

            .author-box h3 {
                font-size: 21px;
            }
        }


.videoFull {
    height: 500px;
}
 
@media (max-width:1200px) {
    .videoFull {
        height:450px;
    }
}
 
@media (max-width:992px) {
    .videoFull {
        height:400px;
    }
}
 
@media (max-width:768px) {
    .videoFull {
        height:300px;
    }
}

.otherServiceTab .tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/*responsive*/
.case-study-panel .comman-title, .portfolio-panel ,.comman-title,.post-panel .comman-title{
    margin-bottom:0px;
}
 
@media (max-width:768px) {
    .corporatetable ul {
        padding-left: 0px;
    }
}