/*!
Theme Name: ThinkingIT
Theme URI: http://ThinkingIT.org/
Author: ThinkingIT.org
Author URI: http://ThinkingIT.org/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: thinkingit
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

ThinkingIT is based on ThinkingIT https://ThinkingIT.org/, Automattic, Inc.
ThinkingIT is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
::placeholder {
	color:#FFFFFF66;
	font-family: Inter;
	font-weight: 400;
	font-size: 14px;
}
img {
	width: 100%;
}
a.nav-link {
	font-family: Inter;
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 600;
}


 .menu-head-custom a.nav-link,  button.btn.dropdown-toggle.dropdown-toggle-split {
    color: #757474 !important;
}
 .menu-head-custom a.nav-link.active, .page-id-51 .menu-head-custom a.nav-link.active  {
    color: #1086E1 !important;
}
#mainNav.navbar-dark .navbar-nav>li.nav-item>a.nav-link:hover, #mainNav.navbar-dark .navbar-nav>li.nav-item>a.nav-link:focus, .nav-link:hover, .nav-link:focus {
    color: #1086e1 !important;
}
button.btn.dropdown-toggle.dropdown-toggle-split:hover, button.btn.dropdown-toggle.dropdown-toggle-split:focus {
    border: unset !important;
}
@media only screen and (min-width: 798px) {
     li.nav-item.dropdown:hover .dropdown-menu {
        background: #0078ff !important;
    }
     .dropdown-menu li a {
        border: 1px solid #c1c1c1 !important;
    }
    .page-id-10 .navbar {
        background: linear-gradient(270deg, #01B7FE 0%, #007AFF 100%);
        border-bottom: unset !important;
    }
    .dropdown-sub .submenu {
        background: #005bc2 !important;
    }
     .menu-head-custom {
        background: #F5F5F5;
        border-radius: 50px;
    }
    .home-title {
        width: 50%;
    }
    .lamp-bg-img {
        position: relative;
        background-image: url('/wp-content/themes/thinkingit/assets/img/lamp-bg-img.webp');
    }
    .lamp-bg-img::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url('/wp-content/themes/thinkingit/assets/img/lamp-bg-imghover.webp');
        background-size: cover;
        background-position: center;
        opacity: 0;
        transition: opacity 0.6s ease-in-out;
    }
    .lamp-bg-img:hover::after {
        opacity: 1;
    }
    .lamp-bg-img .text-blur {
        filter: blur(4px);
        transition: 0.3s;
    }
    .lamp-bg-img:hover .text-blur {
        filter: unset;
        transition: 0.3s;
    }
    .wmu-dif-img-bg {
        background-image: url('/wp-content/themes/thinkingit/assets/img/wmu-dif-img-bg.webp');
    }
    .linkedin-bg-img {
        position: relative;
        background-image: url('/wp-content/themes/thinkingit/assets/img/linkedin-bg.webp');
    }
    .linkedin-bg-img::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url('/wp-content/themes/thinkingit/assets/img/linkedin-bghover.webp');
        background-size: cover;
        background-position: center;
        opacity: 0;
        transition: opacity 0.6s ease-in-out;
    }
    .linkedin-bg-img:hover::after {
        opacity: 1;
    }
    .linkedin-bg-img .text-blur {
        filter: blur(4px);
        transition: 0.3s;
        z-index: 2;
    }
    .linkedin-bg-img:hover .text-blur {
        filter: unset;
        transition: 0.3s;
    }
    li.nav-item {
        padding-top: 0.9rem !important;
        padding-bottom: 0.9rem !important;
    }
    .min-heinght-86 {
        min-height: 86px !important;
    }
}

a.nav-link.active {
    color: #65BCFF !important;
}
.home-top-banner {
    background: linear-gradient(270deg, #01B7FE 0%, #007AFF 100%);
}
.home-title {
    font-family: Inter;
    font-weight: 700;
    font-size: 48px;
}
.home-sec-title {
    font-family: Inter;
    font-weight: 600;
    font-size: 18px;
}
.text {
    font-family: Inter;
    font-weight: 500;
    font-size: 16px;
	line-height: 1.2;
}
.space-between {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px;
}
.color-head-text {
	color: #505050;
}
.sectiom-title {
    font-family: Inter;
    font-weight: 700;
    font-size: 46px;
}
.banner-img-home:hover {
  animation: rotate-sequence 5s forwards;
  transform: 1.5s;
}
@keyframes rotate-sequence {
  0%   { transform: rotate(0deg); }
  40%  { transform: rotate(45deg); }
  100% { transform: rotate(-45deg); }
}
.banner-img-home:not(:hover) {
  transform: rotate(0deg);
  transform: 1.5s;
}
.swiper {
	width: 100%;
	padding-top: 50px;
	padding-bottom: 50px;
}
.swiper-slide {
	width: 300px;
	height: 200px;
	border-radius: 40px;
	overflow: hidden;
	transition: transform 0.5s ease;
}
.swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.swiper-slide-active {
  	transform: scale(1.1);
}
.mySwiper .swiper-slide-prev img, .swiper-slide-next img {
    width: 85%;
	opacity: 0.5;
	transform: 0.2s;
}
.mySwiper .swiper-slide-prev, .swiper-slide-next {
	align-self: center;
}
.mySwiper .swiper-slide-next {
	text-align: left;
}
.mySwiper .swiper-slide-prev {
	text-align: right
}
.h3-title {
    font-family: Inter;
    font-weight: 700;
    font-size: 28px;
}
.hr-border {
	border: 0.3px solid #FFFFFF;
}
.h4-title {
    font-family: Inter;
    font-weight: 700;
    font-size: 21px;
}
.box-description {
    font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
    min-height: 55px;
}
.box-bg {
    border-radius: 20px;
    transition: 0.3s;
}
.box-one {
	background: url('/wp-content/themes/thinkingit/assets/img/box-one.webp');
}
.box-two {
	background: url('/wp-content/themes/thinkingit/assets/img/box-two.webp');
}
.box-three {
	background: url('/wp-content/themes/thinkingit/assets/img/box-three.webp');
}
.box-four {
	background: url('/wp-content/themes/thinkingit/assets/img/box-four.webp');
}
.box-five {
	background: url('/wp-content/themes/thinkingit/assets/img/box-five.webp');
}

.web-box-one {
	background: url('/wp-content/themes/thinkingit/assets/img/web-box-one.webp');
}
.web-box-two {
	background: url('/wp-content/themes/thinkingit/assets/img/web-box-two.webp');
}
.web-box-three {
	background: url('/wp-content/themes/thinkingit/assets/img/web-box-three.webp');
}
.web-box-four {
	background: url('/wp-content/themes/thinkingit/assets/img/web-box-four.webp');
}
.web-box-five {
	background: url('/wp-content/themes/thinkingit/assets/img/web-box-five.webp');
}
.boxs-one {
    background: linear-gradient(88.48deg, #B80A47 1.83%, #FD2E83 99.3%);
}
.box-one-bg {
    background: linear-gradient(180deg, rgba(45, 201, 239, 0.9) 0%, rgba(9, 72, 139, 0.9) 100%);
}
.box-two-bg {
    background: linear-gradient(180deg, rgba(200, 231, 144, 0.95) 0%, rgba(27, 101, 25, 0.95) 100%);
}
.box-three-bg {
    background: linear-gradient(180deg, rgba(244, 147, 249, 0.85) 0%, rgba(96, 13, 137, 0.85) 100%);
}
.box-four-bg {
    background: linear-gradient(180deg, rgba(254, 201, 45, 0.9) 0%, rgba(243, 94, 18, 0.9) 100%);
}
.box-five-bg {
    background: linear-gradient(180deg, rgba(253, 46, 131, 0.9) 0%, rgba(184, 10, 71, 0.9) 100%);
}
.box-one:hover .icon svg rect, .web-box-one:hover .icon svg rect {
    fill: #1086E1;
    transition: 0.3s;
}
.box-two:hover .icon svg rect, .web-box-two:hover .icon svg rect {
    fill: #03A97A;
    transition: 0.3s;
}
.box-three:hover .icon svg rect, .web-box-three:hover .icon svg rect {
    fill: #9747FF;
    transition: 0.3s;
}
.box-four:hover .icon svg rect, .web-box-four:hover .icon svg rect {
    fill: #FFCD2B;
    transition: 0.3s;
}
.box-five:hover .icon svg rect, .web-box-five:hover .icon svg rect  {
    fill: #FF8C84;
    transition: 0.3s;
}
.box:hover .icon svg path {
    fill: #fff;
    transition: 0.3s;
}
.box-one:hover, .web-box-one:hover {
	background: #ABDBFF !important;
    transition: 0.3s;
}
.box-two:hover, .web-box-two:hover {
	background: #98FFE2 !important;
    transition: 0.3s;
}
.box-three:hover, .web-box-three:hover {
	background: #E8D0FF !important;
    transition: 0.3s;
}
.box-four:hover, .web-box-four:hover {
	background: #FFF4D0 !important;
    transition: 0.3s;
}
.box-five:hover, .web-box-five:hover {
	background: #FFD1CE !important;
    transition: 0.3s;
}
.box-one:hover .h4-title, .web-box-one:hover .h4-title {
	color: #00508E;
}
.box-two:hover .h4-title, .web-box-two:hover .h4-title {
	color: #014330;
}
.box-three:hover .h4-title, .web-box-three:hover .h4-title {
	color: #5C00D3;
}
.box-four:hover .h4-title, .web-box-four:hover .h4-title {
	color: #896B09;
}
.box-five:hover .h4-title, .box-five:hover .h4-title {
	color: #A60000;
}
.box p {
	color: #757575;
}
.box {
    position: relative;
    box-sizing: border-box;
    background-clip: padding-box;
	border-radius: 21px;
	transition: 0.3s;
    background-size: cover;
    background-position: center;
}
.box:hover {
	background-size: cover;
    background-repeat: no-repeat;
    border: unset;
    position: unset;
}
.box:hover .box-description {
    color: #757575 !important;
}
.box .h4-title, .box .box-description {
	color: #fff;
}
.box:hover .box-bg {
    background: unset !important;
}
.title-and-desc {
    background: #fff;
    margin-top: -10px;
    z-index: 2;
    position: relative;
    min-height: 120px;
    transition: all 0.3s ease;
}
.column .title-and-desc {
    border-radius: 12px;
}
.column-four .title-and-desc {
    border-top-right-radius: 12px;
}
.icon-box {
    padding: 5px;
    height: max-content;
    border-radius: 12px;
    align-self: center;
    transition: all 0.3s ease;
}
.column-text {
    color: #fff;
    align-self: center;
    transition: all 0.3s ease;
}
.column-head {
    font-family: Inter;
    font-weight: 700;
    font-size: 18px;
    transition: all 0.3s ease;
}
.img-column {
    z-index: 1;
    position: relative;
    overflow: hidden;
}
.img-column img {
    transition: transform 0.3s ease, filter 0.3s ease;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.icon-box svg path {
    transition: fill 0.3s ease;
}
.column {
    transition: all 0.3s ease;
}
.column:hover {
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
}
.column:hover .img-column img {
    transform: scale(1.05);
    filter: brightness(1.05);
}
.column:hover .img-column::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #06060699;
    z-index: 1;
    opacity: 1;
    transition: opacity 0.3s ease;
}
.column-one .title-and-desc {
    background: #1B6519;
}
.column-two .title-and-desc {
    background: #F35E12;
}
.column-three .title-and-desc {
    background: #09488B;
}
.column-four .title-and-desc {
    background: #B80A47;
}
.column:hover .title-and-desc {
    background: #fff;
}
.column-one:hover .icon-box svg path {
    fill: #03A97A;
}
.column-two:hover .icon-box svg path {
    fill: #F35E12;
}
.column-three:hover .icon-box svg path {
    fill: #09488B;
}
.column-four:hover .icon-box svg path {
    fill: #B80A47;
}
.column:hover .icon-box {
    align-self: unset !important;

}
.column:hover .title-and-desc {
    padding-top: 0.9rem !important;
    padding-bottom: 0.9rem !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}
.column:hover .title-and-desc .column-head {
    color: #000000;
}
.column:hover .d-none.text {
    display: block !important;
    color: #000;
    opacity: 1;
    transform: translateY(5px);
    transition: all 0.3s ease;
}
.column p.text {
    margin-bottom: 0;
    font-size: 14px !important;
    font-weight: 400;
    transition: all 0.3s ease;
}
.mb-neq {
    margin-bottom: -75px;
}
.mb-neq {
	margin-bottom: -75px;
}
.cta-head-text {
	font-family: Inter;
	font-weight: 700;
	font-size: 48px;
	
	transition: unset !important
}
.cta-bg-img:hover {
	background-size:inherit;
}
.slide-title {
	font-family: Inter;
	font-weight: 700;
	font-size: 50px;
	text-align: center;
	display: none;
	color: #1086E1;
}
.text-green {
	color: #1086E1;
}
.swiper-slide-active .slide-title {
	display: block;
}
.foot-slide .swiper-slide {
	border-radius: unset !important;
}
.foot-slide .mySwiper .swiper-slide-prev, .foot-slide .swiper-slide-next {
    align-self: end;
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
.bg-footer {
	background:#0A1119;
}
.newsletter-form .coninput {
     box-shadow: 0px 4px 4px 0px #00000040 inset;
    background: #6c7074;
    padding: 8px 20px;
    border-radius: 12px;
    border: unset;
	border: 0.5px solid #948d8d8c;
}
input.btn.btn-submit {
    background: #1086E1CC;
    box-shadow: 0px 4px 4px 0px #00000040 inset;
    border: 0.5px solid #948d8d8c;
    font-family: Inter;
    font-weight: 600;
    font-size: 16px;
    padding: 13px 22px;
    border-radius: 12px;
}
ul.list-unstyled li a {
    font-family: Inter;
    font-weight: 600;
    font-size: 16px;
	color: #fff;
}
ul.list-unstyled li {
    margin-bottom: 15px;
}
ul.list-unstyled li a:hover {
    color: #1086e1 !important;
}
h3.foot-sec-title {
    font-family: Inter;
    font-weight: 600;
    font-size: 16px;
}
.mailtolink {
	font-family: Inter;
	font-weight: 600;
	font-size: 16px;
	color: #1086E1;
}
.page-title-name {
    font-family: Inter;
    font-weight: 400;
    font-size: 16px;
}
.inform-icon {
	font-family: Inter;
    font-weight: 400;
    font-size: 18px;
	color:#666666;
}
.contact-text {
    font-family: Inter;
    font-weight: 400;
    font-size: 21px;
    line-height: 1.3;
}
.form-section {
}
.form-section .coninput {
    width: 100%;
    border: 1px solid #ffffff;
    background: transparent;
    border-radius: 12px;
    padding: 8px;
	color: #fff;
}
.form-section label {
	color: #fff;
}
.form-section .agreeterms {
	font-family: Inter;
	font-weight: 400;
	font-size: 18px;
}
.btn-form-submit {
    background: #1086E1 !important;
    border-radius: 30px !important;
    padding: 10px 70px !important;
}
.bg-img-title {
	font-family: Inter;
	font-weight: 700;
	font-size: 46px;
	line-height: 1.2;
}
.page-bg-img .bg-grad {
	background: linear-gradient(267.7deg, rgba(0, 0, 0, 0) -6.92%, rgba(0, 0, 0, 0.91) 79.8%);
}
.bg-no-repeat {
	background-repeat: no-repeat;	
}
.bg-size-cover {
	background-size: cover;
}
.bg-size-contain {
    background-size: contain;
}
.bg-position-right {
    background-position: right;
}
.bg-position-center {
    background-position: center;
}
.bg-green {
    background: #037555;
}
.text-middle {
	font-family: Inter;
	font-weight: 500;
	font-size: 18px;
}
.h2-title {
	font-weight: 700;
	font-style: Bold;
	font-size: 32px;
}
.img-whychoose {
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 100%;
  	max-width: 400px;
  	aspect-ratio: 231 / 180;
	box-shadow: 0px 4px 12px 0px #8300FD40;
}
.img-whychoose img {
	width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.img-column {
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 100%;
  	max-width: 400px;
  	aspect-ratio: 231 / 180;
	box-shadow: 0px 4px 12px 0px #8300FD40;
}
.img-column img {
	width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.img-serve {
	position: relative;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    max-width: 450px;
    aspect-ratio: 400 / 250;
}
.img-serve img {
	width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.why-chose-us {
	position: relative;
}
.img-whychoose::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(314.07deg, rgba(0, 0, 0, 0) -17.08%, rgba(131, 0, 253, 0.3) 85.59%);
  pointer-events: none;
}
.rounded-12 {
	border-radius: 12px !important;
}
.rounded-16 {
	border-radius: 16px !important;
}
.rounded-100 {
    border-radius: 100px !important;
}
.box-what-we-do {
	color: #000;
    transition: all 0.3s ease;
}
.slide {
  min-width: 100%;
  display: none;
}
.slide.active {
  display: block;
}
.nav-buttons {
  position: absolute;
  top: 15px;
  right: 15px;
}
.nav-buttons button {
	background: transparent;
    border: none;
    margin-left: 5px;
}
.pagination {
	text-align: center;
	margin-top: 15px;
}
.pagination .dot {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	background: #ccc;
	border-radius: 50%;
	cursor: pointer;
}
.pagination .dot.active {
    background: linear-gradient(90deg, #BCE2FF 0%, #1393F5 100%);
    width: 60px;
    border-radius: 90px;
    opacity: 0.5;
}
.what-we-do_title {
	font-family: Inter;
	font-weight: 700;
	font-size: 36px;
	color:#1086E1;
}
.rounded-20 {
	border-radius: 20px;
}
.wwd-why {
    background: #0D1D29;
}
.h5-title {
	font-family: Inter;
	font-weight: 700;
	font-size: 20px;
}
.h6-title {
    font-family: Inter;
    font-weight: 700;
    font-size: 24px;
}
.testimonials {
	margin-top: -60px;
	background-color: #006045;
}
.testimonual-title {
	font-family: Inter;
	font-weight: 700;
	font-size: 50px;
}
.tes-icon img {
    width: 57px !important;
}
.tes-role {
    font-family: Inter;
    font-weight: 300;
    font-size: 12px;
}
.tes-description {
    color: #006045;
}
.testimonials .swiper-slide {
	background-image: url('/wp-content/themes/thinkingit/assets/img/testimonial-bg.webp');
}
.tes-text-color {
	color: #504977;
}
.swiper-pagination-bullet-active {
    background: linear-gradient(90deg, #BCE2FF 0%, #1393F5 100%);
    width: 60px;
    border-radius: 90px;
    opacity: 0.7;
}
.serve-text {
	text-align: center;
	width: 100%;
    height: 100%;
    background: #00000099;
    box-shadow: 0px 4px 4px 0px #50497740 inset;
	transition: opacity 0.3s ease;
}
.serve-text svg {
	display: block;
    place-self: anchor-center;
}
.serve-text .desc-hover-box {
    display: none;
    transition: opacity 0.3s ease;
}
.serve-text:hover .desc-hover-box {
    display: block;
    transition: opacity 0.3s ease;
}
.serve-text:hover svg {
    display: none;
}
.cta-for-wwd:hover {
	background-size:inherit !important;
}
.web-dev-img {
	position: relative;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    max-width: 400px;
    aspect-ratio: 370 / 328;
}
.web-dev-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.rounded-34 {
	border-radius: 34px !important;
}
.clients-box {
    width: 35%;
    background: #FFFFFF4D;
    border-radius: 21px;
	position: absolute;
    bottom: -20px;
    left: -20px;
	transition: width 0.3s ease;
}
.clients-box .head-clients {
	font-family: Inter;
	font-weight: 500;
	font-size: 14px;
}
.clients-box .foot-clients {
	font-family: Inter;
	font-weight: 400;
	font-size: 12px;
	transition: width 0.3s ease;
}
.clients-box:hover .head-clients {
	font-size: 19px;
}
.clients-box:hover .foot-clients {
	font-size: 18px;
}
.clients-box:hover  .foot-clients svg {
    width: 30px;
    height: 30px;
}
.clients-box:hover {
	width: 50%;
	transition: width 0.3s ease;
}
.head-service p {
    color: #515151;
    font-size: 12px;
}
.foot-service img {
    width: 20px;
	transition: width 0.3s ease;
}
.foot-service:hover img {
    width: 22px;
	transition: width 0.3s ease;
}
.build-d-pref-image {
  border-radius: 20px;
  background-image: url("/wp-content/themes/thinkingit/assets/img/build-prefer-bg.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.build-d-pref-image1 {
  grid-row: span 2;
  background-position: left center;
}
.build-d-pref-image2 {
  background-position: center top;
}
.build-d-pref-image3 {
  background-position: center bottom;
  box-sizing: border-box;
}
.title-36 {
	font-family: Inter;
	font-weight: 700;
	font-size: 36px;
}
.opct-08 {
	opacity: 0.8;
}
.bg-why-choose {
	background: linear-gradient(90deg, #156DD5 0%, #002B4D 100%);
	border-radius: 21px;
}
.swiper-item p {
    background: #FFFFFF52;
    border-radius: 90px;
}
.game-dev-container {
	background: linear-gradient(93.82deg, #141B35a8 14.69%, #141B355c 65.83%)
}
.icon-two img {
    width: 60px;
    background: #FFFFFF66;
}
.text-7FC8FF {
	color: #7FC8FF;
}
.icon-two-text {
	font-family: Inter;
	font-weight: 400;
	font-size: 12px;
}
.icon-three-one {
	color: #2CC430;
}
.icon-three-two {
	color:#089FC6;
}
.icon-three-three {
	color: #FB60FF;
}
.why-game-img img {
    width: 58px;
}
.text-2C2C2C {
	color: #2C2C2C;
}
.why-game-center-img img {
    box-shadow: 8px 8px #16B186;
}
.why-game-center-img {
    box-shadow: 15px 15px #29C297;
}
img.dot-icon {
    width: 30px;
    margin-top: -3px;
}
img.schedule-icon {
    width: 24px;
}
.marketing-dev-container {
    background: linear-gradient(93.82deg, #141B3573 14.69%, #00459245 65.83%);
    backdrop-filter: blur(3px);
}
.app-development-bg {
	background-image: url('/wp-content/themes/thinkingit/assets/img/app-development-bg.webp') !important;
}
.swiper-slide.app-offer img {
	width: 51px;
    height: 50px;
}
.app-offer {
	background-color: #d9d9d91f;
}
.swiper-slide.delivery-offer img {
	width: 51px;
    height: 50px;
}
.delivery-offer {
	background: linear-gradient(180deg, #1086e130 0%, #6868683d 100%)
}
.delivery-offer .triangle {
	border-top: 55px solid #156DD5 !important;
}
.triangle {
	position: absolute;
	width: 0;
	height: 0;
	border-bottom: 40px solid #10b981;
    border-left: 40px solid transparent;
	border-radius: 2px;
}
.triangle span {
	position: absolute;
	top: -47px;
	left: 11px;
	color: white;
	font-size: 16px;
}
.text-03A97A {
	color: #03A97A;
}
.img-offer-5 {
	background: linear-gradient(319.06deg, #E33355 -13.25%, #0D99F6 96.1%);
    border-radius: 8px;
}
.caruselSwipers .swiper-slide-prev img, .caruselSwipers  .swiper-slide-next img {
    opacity: 1 !important;
}
.text-0DFFBA {
	color: #0DFFBA;
}
.service-slid-img {
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 100%;
  	max-width: 400px;
  	aspect-ratio: 271 / 180;
}
.service-slid-img img {
	width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.digital-services {
    background: #54545466;
}
.how-stand-out .corusel-include img {
    width: 51px;
}
.smm-service-img {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    max-width: 460px;
    aspect-ratio: 460 / 560;
}
.smm-service-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.seo-service-box .page-title-name {
    min-height: 150px !important;
}
.stands-out {
    background: #8383834D;
}
.icon-arrow.email-marketing-icon {
    position: absolute;
    border: 10px solid #141B35;
    border-radius: 99px;
    top: -10px;
    left: -10px;
    z-index: 1;
    padding: 5px;
}
.page-id-61 .icon-arrow.email-marketing-icon {
    top: -8px !important;
    left: -4px !important;
}
.email-slider .swiper-slide {
    min-height: 280px !important;
}
.bg-gradient-email {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}
.wcam-why {
    background: linear-gradient(180deg, rgba(8, 24, 50, 0.39) 0%, rgba(3, 50, 105, 0.39) 100%);
}
.wwd-icon img {
    width: 42px;
}
.wcam-why .wwd-why-text {
    min-height: 80px;
}
.why-chos-bg {
    background-image: url('/wp-content/themes/thinkingit/assets/img/why-chos-bg.webp');
}
.approach-bg { 
    background-image: url('/wp-content/themes/thinkingit/assets/img/approach-bg.webp') !important;
}
.bg-one-number {
    background-image: url('/wp-content/themes/thinkingit/assets/img/approach-bg-1.webp') !important;
}
.bg-two-number {
    background-image: url('/wp-content/themes/thinkingit/assets/img/approach-bg-2.webp') !important;
}
.bg-three-number {
    background-image: url('/wp-content/themes/thinkingit/assets/img/approach-bg-3.webp') !important;
}
.bg-four-number {
    background-image: url('/wp-content/themes/thinkingit/assets/img/approach-bg-4.webp') !important;
}
.bg-position-custom {
    background-position: right 0px top 11px;
}
.bg-size-custom {
    background-size: 70px;
}
.approach-min {
    min-height: 230px;
}
.approach-min .page-title-name {
    width: 90%;
}
.wwo-paid-ads .box-description {
    min-height: 116px !important;
}
.wct-paid-ads .stands-out {
    position: relative;
}
.wct-paid-ads .page-title-name {
    height: 105px !important;
}
.seo-service-box .corusel-include img {
    width: 52px !important;
}
.ppc-strategy-box .corusel-include img {
    width: 52px;
}
.ppc-strategy-box .page-title-name {
    min-height: 85px;
}
.gradient-title {
    background: -webkit-linear-gradient(272.62deg, #03A97A 2.19%, #156DD5 89.84%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.faq-section {
    background: #0D1D29;
    border-radius: 42px;
}
.faq-accordion button {
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    padding: 1rem 0;
    border: none;
    text-transform: capitalize;
    background: none;
    line-height: 0px;
}
.faq-title {
    font-family: Poppins;
    font-weight: 600;
    font-size: 24px;
}
span.faq-accordion-title h3.text-white.cusgo {
    margin-bottom: 0px;
}
.faq-accordion button:hover,
.faq-accordion button:focus {
    cursor: pointer;
}
.faq-accordion button:hover::after,
.faq-accordion button:focus::after {
    cursor: pointer;
    color: #fff;
    border: 1px solid #fff;
}
.faq-accordion button .faq-accordion-title {
    padding: 1em 1.5em 1em 0;
}
.faq-accordion button .icon {
    display: inline-block;
    position: absolute;
    top: 15px;
    right: 0;
    width: 40px;
    height: 40px;
    transition: 0.2s;
}
.faq-accordion button .icon svg {
    transition: 0.2s;
}
.faq-accordion button[aria-expanded='true'] span.icon svg {
    rotate: 90deg;
    transition: 0.2s;
}
.faq-accordion button[aria-expanded='true'] + .faq-accordion-content {
    opacity: 1;
    max-height: unset; 
    transition: all 200ms linear;
    will-change: opacity, max-height;
}
.faq-accordion .faq-accordion-content {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 200ms linear, max-height 200ms linear;
    will-change: opacity, max-height;
}
.faq-accordion-item {
    margin-top: 15px;
    margin-bottom: 15px;
    border-radius: 10px;
}
.faq-accordion-item p.leading-relaxed.contact-text {
    color: #FFFFFFCC !important;
}
.box-what-we-do:hover {
    background: #156DD5;
    color: #fff !important;
    transition: all 0.3s ease;
}
.box-what-we-do:hover .icon svg rect {
    fill: #BCE2FF;
    transition: all 0.3s ease;
}
.box-what-we-do:hover .icon svg path {
    fill: #156dd5;
    transition: all 0.3s ease;
}
.box-what-we-do a{
    color: #000;
    transition: all 0.3s ease;
}
.box-what-we-do:hover a {
    color: #fff !important;
    transition: all 0.3s ease;
}
.box-what-we-do .box-description-wwd {
    min-height: 150px !important;
}
.testimonials .swiper-slide-prev, .swiper-slide-next {
    align-self: unset;
}
.slide-left {
	-webkit-animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.slide-right {
	-webkit-animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

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

@-webkit-keyframes slide-right {
  0% {
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes slide-right {
  0% {
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.page-id-51 .navbar {
    background: transparent;
    margin-bottom: -100px;
    border-bottom: unset !important;
}
.page-id-51 .navbar-dark .navbar-nav>li.nav-item>a.nav-link, .page-id-51 button.btn.dropdown-toggle.dropdown-toggle-split, .page-id-51 .navbar-dark .nav-link{
    color: #5E5E5E;
}
button.btn.dropdown-toggle.dropdown-toggle-split.px-1.nav-link.d-inline-block.active {
    border:unset;
}
button.btn.dropdown-toggle.dropdown-toggle-split.active::after {
    color: #66bcff;
}
.page-id-51  {
    background-color: #fff !important;
}
.page-id-51  .scrolled {
    background: #141B35 !important;
}
.page-id-51 .scrolled .nav-link {
    color: #fff !important;
}
.job-title h4 {
    color: #1C2937;
}
.job-meta {
    color:#655E5E;
    font-family: Inter;
	font-weight: 500;
	font-size: 14px;
}
.job-item {
    background: #EFEFEF;
}
.job-item {
    padding-top: 1.2rem !important;
    padding-bottom: 1.2rem !important;
    /* min-height: -webkit-fill-available !important; */
    min-height: 335px;
}
.job-border {
    position: relative;
}
.job-border::before {
    content: "";
    position: absolute;
    left: 0;
    height: calc(100% - 48px);
    bottom: 24px;
    width: 4px;
    background: #2ADAA8;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}
.page-id-19 .prev, .page-id-19 .next {
    background: transparent !important;
}
li.nav-item.dropdown:hover .dropdown-menu {
    display: block;
    border-radius: 8px;
    border: unset;
    background: #152355;
}
ul.dropdown-menu {
    border-radius: 12px;
    border: unset;
    background: #141B35;
    box-shadow: 0px 0px 6px 0px #002f64;
}
.cta-section {
    background: linear-gradient(180deg, #006D7A 10.79%, rgba(0, 200, 224, 0) 75.3%);
}

.cta-bg-img {
    background-image: url('/wp-content/themes/thinkingit/assets/img/cta-bg-img.webp');
	border-radius: 21px;
    background-repeat: no-repeat;
}
.dropdown-item {
    color: #fff !important;
}
.dropdown-item:hover, .dropdown-item:focus {
    color: #fff !important;
    background: #0060ac !important;
}
.bg-grad-btn {
    background: linear-gradient(88.48deg, #F35E12 1.83%, #FEC92D 99.3%);
    border: unset !important;
}
.bg-grad-btn:hover {
    box-shadow: 0px 0px 25px 0px #F35E12 !important;
}
.industSwipers .swiper-slide-next img {
    opacity: 1 !important;
}
.industSwipers .swiper-slide {
    border-radius: unset;
}
.mt--100 {
    margin-top: -100px;
}
.text-shadow-fff {
    text-shadow: 0px 0px 20px #FFFFFF;
}
.page-id-39 .corusel-include img {
    width: 51px;
}
.rounded-left-top-2 {
    border-top-left-radius: 2px !important;
}
.page-id-63 .wwo-paid-ads .box-description {
    min-height: 60px !important;
}
@media only screen and (max-width: 798px) {
    .navbar .container {
        display: block !important;
    }
    .home-title {
        font-size: 26px !important;
    }
    .sectiom-title {
        font-size: 17px !important;
    }
    .h3-title {
        font-size: 24px !important;
    }
    .h4-title {
        font-size: 20px !important;
    }
    .h5-title {
        font-size: 16px !important;
    }
    .cta-head-text {
        font-size: 16px !important;
    }
    button.navbar-toggler {
        border: unset;
        border-radius: unset;
    }
    .testimonual-title {
        font-size: 32px !important;
    }
    .bg-img-title {
        font-size: 18px !important;
    }
    .title-36 {
        font-size: 20px !important;
    }
    .game-dev-bg {
        background-position: top !important;
    }
    .h2-title {
        font-size: 24px !important;
    }
    .faq-title {
        font-size: 18px !important;
    }
    .faq-accordion-content .leading-relaxed.contact-text {
        font-size: 14px !important;
    }
    .text-white.faq-title {
        padding-right: 45px;
    }
    .plg::after {
        top: 155px !important;
        left: 32.6px !important;
    }
    .polygone:hover .plg::after {
        top: 165px !important;
    }
    .home-sec-title {
        font-size: 16px !important;
    }
    .contact-text {
        font-size: 16px !important;
    }
    .bg-00000066 svg {
        width: 70px !important;
        height: 70px !important;
    }
    .swiper-slide-active .h4-title {
        font-size: 14px !important;
    }
    .game-dev-container .page-title-name {
        font-size: 12px !important;
    }
    .dropdown-sub .submenu {
        top: unset !important;
        left: unset !important;
        z-index: 3 !important;
    }
    .free-cons-bg {
        background: linear-gradient(360deg, #01B7FE 64.93%, #007AFF 99.18%) !important;
    }
}
.prev, .next, .page-link.active {
    background: #1086E1 !important;
    color: #fff !important;
}
.page-link:hover {
    background: #1086e1 !important;
    color: #fff !important;
}
.page-link {
    color: #1086E1 !important;
    padding: 5px 10px !important;
    border-radius: 8px !important;
}
.pagination .page-link {
    margin-left: 10px;
}
p.new-badge {
    background: #03A97A;
    border-radius: 4px;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    width: fit-content;
}
.job-except p {
    margin-bottom: 5px;
    color: #655E5E !important;
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
}
.job-except {
    margin-bottom: 5px;
    color: #655E5E !important;
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
}
input#btn-newsletter {
    padding: 5.6px 22px;
}
.hover-blck {
    display: none;
    transition: 0.3s;
}
.gold-image:hover .hover-blck {
    transition: 0.3s;
    display: block !important;
    background: radial-gradient(circle, rgba(247, 243, 85, 1) -86%, rgba(0, 0, 0, 0) 56%);
}
.gold-image:hover .hover-nne {
    transition: 0.3s;
    display: none !important;
}
.lamb-col-img:hover .hover-blck {
    transition: 0.3s;
    display: block !important;
}
.lamb-col-img:hover .hover-nne {
    transition: 0.3s;
    display: none !important;
}
.hand-image:hover .hover-blck {
    transition: 0.3s;
    display: block !important;
    background: radial-gradient(circle, rgb(255 255 255) -86%, rgba(0, 0, 0, 0) 50%)
}
.hand-image:hover .hover-nne {
    transition: 0.3s;
    display: none !important;
}

.service-box {
    background-color: #FFFFFF1A;
}
.service-box img {
    max-width: 80px;
}
@media (min-width: 991px) {
    .service-box img {
        max-width: 140px;
    }
    .services-box {
        justify-content: space-between;
    }
    .service-box {
        flex: 1 1 25%;
        overflow: hidden;
        position: relative;
        background-color: #FFFFFF1A;
        text-align: center;
    }
    .service-box .service-desc {
        opacity: 0;
        max-height: 0;
        overflow: hidden;
    }
    .service-box:hover img {
        max-width: 80px !important;
    }
    .service-box:hover .service-desc {
        opacity: 1;
        max-height: 300px;
    }
    .service-box:hover .service-head {
        opacity: 1;
        transition: opacity 0.4s ease;
    }
    .services-box:hover .service-box {
        flex: 1 1 20%;
    }
    .services-box:hover .service-box img { 
        max-width: 200px;
    }
    .services-box .service-box:hover {
        flex: 1 1 40%;
        text-align: left !important;
    }
    .services-box:hover .service-box:not(:hover) .service-head,
    .services-box:hover .service-box:not(:hover) .service-desc {
        opacity: 0;
        max-height: 0;
        overflow: hidden;
    }
}
.boxs-item {
    text-align: center;
    padding: 15px 40px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    border-radius: 12px;
    width: 90%;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}
.boxs-item::after {
    content: "";
    position: absolute;
    bottom: 4px;
    right: 4px;
    width: 50px;
    height: 50px;
    background: #0d1525;
    clip-path: polygon(100% 0, 0 100%, 100% 100%);
    border-radius: 12px;
    transition: all 0.3s ease;
}
.rght .boxs-item::after {
    clip-path: polygon(100% 100%, 0 0, 100% 0) !important;
    bottom: unset !important;
    top: 4px;
}
.box-item:hover .boxs-item::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 50px;
    height: 50px;
    clip-path: polygon(100% 0%, 0 100%, 0 0);
    border-radius: 12px;
    transition: all 0.3s ease;
}
.rght .box-item:hover .boxs-item::before {
    clip-path: polygon(0 0, 100% 100%, 0 100%) !important;
    top: unset !important;
    bottom: 4px !important;
}

.box-item .page-title-name {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    font-size: 14px;
    font-weight: 400;
    margin-top: 10px;
    transition: all 0.4s ease;
}
.box-item:hover .page-title-name {
    opacity: 1;
    max-height: 200px;
}
.box-item:hover .boxs-item {
    background: #001C31 !important;
}
.boxs-one {
    background: linear-gradient(90deg, #e70077, #ff3cac);
}
.box-item:hover .boxs-one::before, .box-item:hover .boxs-one::after  {
    background: linear-gradient(90deg, #e70077, #ff3cac);
}
.boxs-two {
    background: linear-gradient(88.48deg, #09488B 1.83%, #2DC9EF 99.3%);
}
.box-item:hover .boxs-two::before, .box-item:hover .boxs-two::after  {
    background: linear-gradient(88.48deg, #09488B 1.83%, #2DC9EF 99.3%);
}
.boxs-three {
    background: linear-gradient(88.48deg, #1B6519 1.83%, #C8E790 99.3%);
}
.box-item:hover .boxs-three::before, .box-item:hover .boxs-three::after  {
     background: linear-gradient(88.48deg, #1B6519 1.83%, #C8E790 99.3%);
}
.boxs-four {
    background: linear-gradient(88.48deg, #F35E12 1.83%, #FEC92D 99.3%);
}
.box-item:hover .boxs-four::before, .box-item:hover .boxs-four::after  {
    background: linear-gradient(88.48deg, #F35E12 1.83%, #FEC92D 99.3%);
}
.boxs-five {
    background: linear-gradient(88.48deg, #600D89 1.83%, #F493F9 99.3%);
}
.box-item:hover .boxs-five::before, .box-item:hover .boxs-five::after  {
    background: linear-gradient(88.48deg, #600D89 1.83%, #F493F9 99.3%);
}
.bg-plygone {
    /* background-image: url('/wp-content/themes/thinkingit/assets/img/polygon.svg'); */
    width: 100%;
    aspect-ratio: 200 / 238;
    background: #fff; 
    /* clip-path: path("M108.882 235.598C103.286 238.372 96.7151 238.372 91.1189 235.598L11.1184 195.947C4.3083 192.572 0 185.628 0 178.027L0 20C0 8.9543 8.9543 0 20 0L180 0C191.045 0 200 8.95428 200 20L200 178.027C200 185.628 195.692 192.572 188.882 195.947L108.882 235.598Z"); */
    -webkit-mask: url('/wp-content/themes/thinkingit/assets/img/polygon.svg') no-repeat center / contain;
    mask: url('/wp-content/themes/thinkingit/assets/img/polygon.svg') no-repeat center / contain;
} 
.box-photo {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    max-width: 100px;
    aspect-ratio: 80 / 80;
    z-index: 2;
    border-radius: 100px;
    transition: 0.3s;
}
.box-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    padding: 10px;
    border-radius: 100px;
}
.color-575757 {
    color: #575757 !important;
}
.bg-plygone .h5-title.text-black {
    min-height: 55px;
}
.bg-plygone p.page-title-name.color-575757 {
    min-height: 90px;
}
.box-custom-bord {
    display: inline-block;
    width: 30%;
    border-top: 2px solid #000;
    padding-top: 7px;
}
.inside-box::before, .inside-box::after {
    content: "";
    position: absolute;
    height: 100px;
    width: 10px;
    top: 55px;
}
.inside-box::before {
    left: 0;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.inside-box::after {
    right: 0;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.p-five .plg::after {
    top: 155px;
    left: 35px;
}
.p-five .polygone:hover .plg::after {
    top: 165px;
}
.plg::after {
    content: "";
    position: absolute;
    display: block;
    top: 135px;
    left: 24.6px;
    width: 158px;
    aspect-ratio: 158 / 189;
    clip-path: path("M87.8595 184.623C82.2756 187.382 75.7252 187.382 70.1413 184.623L11.141 155.473C4.31848 152.102 0 145.152 0 137.542L0 20C0 8.95428 8.9543 0 20 0L138 0C149.045 0 158 8.95428 158 20L158 137.542C158 145.152 153.682 152.102 146.859 155.473L87.8595 184.623Z");
    z-index: -1;
    transition: 0.3s;
}
.p-five .height-330px  {
    height: 380px !important;
}
.height-330px {
    height: 350px !important;
}
.polygone:hover .box-photo {
    transform: scale(1.15);
}
.polygone:hover .plg::after {
    top: 150px;
}
.inside-one::before, .inside-one::after, .box-photo-one {
    background: linear-gradient(180deg, #1CF5CA 0%, #0D7689 100%);
}
.plg-one::after {
    background: linear-gradient(88.48deg, #0D7689 1.83%, #1CF5CA 99.3%);
}
.inside-two::before, .inside-two::after, .box-photo-two {
    background: linear-gradient(180deg, #FEC92D 0%, #F35E12 100%);
}
.plg-two::after {
    background: linear-gradient(88.48deg, #F35E12 1.83%, #FEC92D 99.3%);
}
.inside-three::before, .inside-three::after, .box-photo-three {
    background: linear-gradient(180deg, #FD2E83 0%, #B80A47 100%);
}
.plg-three::after {
    background: linear-gradient(88.48deg, #B80A47 1.83%, #FD2E83 99.3%);
}
.inside-four::before, .inside-four::after, .box-photo-four {
    background: linear-gradient(180deg, #2DC9EF 0%, #09488B 100%);
}
.plg-four::after {
    background: linear-gradient(88.48deg, #09488B 1.83%, #2DC9EF 99.3%);
}
.inside-five::before, .inside-five::after, .box-photo-five {
    background: linear-gradient(270.43deg, #E8D0FF 0.58%, #9747FF 99.83%);
}
.plg-five::after {
    background: linear-gradient(88.24deg, #9747FF 2.23%, #E8D0FF 98.09%);
}
.inside-six::before, .inside-six::after, .box-photo-six {
    background: linear-gradient(180deg, #C8E790 0%, #1B6519 100%);
}
.plg-six::after {
    background: linear-gradient(88.48deg, #1B6519 1.83%, #C8E790 99.3%);
}
.email-marketing-bg {
    background-image: url('/wp-content/themes/thinkingit/assets/img/email-marketing-bg.webp') !important;   
}
.affiliate-marketing-bg {
    background-image: url('/wp-content/themes/thinkingit/assets/img/affiliate-marketing-bg.webp') !important;   
}
.sms-marketing-bg {
    background-image: url('/wp-content/themes/thinkingit/assets/img/sms-marketing-bg.webp') !important;   
}
.paid-marketing-bg {
    background-image: url('/wp-content/themes/thinkingit/assets/img/paid-marketing-bg.webp') !important;   
}
.performance-scales-img {
    background-image: url('/wp-content/themes/thinkingit/assets/img/performance-scales-img.webp') !important;   
}
.web-dev-img-bg {
    background-image: url('/wp-content/themes/thinkingit/assets/img/web-dev-img.webp') !important;   
}
.igameing-bg {
    background-image: url('/wp-content/themes/thinkingit/assets/img/igameing-bg.webp') !important;   
}
.saas-bg {
    background-image: url('/wp-content/themes/thinkingit/assets/img/saas-bg.webp') !important;   
}
.graphs-img-bg {
    background-image: url('/wp-content/themes/thinkingit/assets/img/graphs-img-bg.webp') !important; 
}
.saas-graphs-img-bg {
    background-image: url('/wp-content/themes/thinkingit/assets/img/saas-graphs-img-bg.webp') !important; 
}
.swiper-slide-bg {
    background-image: url('/wp-content/themes/thinkingit/assets/img/swiper-slide-bg.webp') !important; 
}
.testimonail-case {
    background-image: url('/wp-content/themes/thinkingit/assets/img/testimonail-case.webp') !important; 
    background-position: bottom;
}
.faq-bg-img {
    background-image: url('/wp-content/themes/thinkingit/assets/img/faq-bg-img.webp') !important; 
    background-position: center right;
    background-size: 800px;
    background-repeat: no-repeat;
    height: 90vh;
    overflow-y: scroll;
}
.solve-approach {
  position: relative;
  overflow: hidden;
  transition: background-color 0.3s ease;
}
.solve-approach::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(355.35deg,#1B6519 -237.76%,rgba(200, 231, 144, 0) 96.26%);
  opacity: 0;
  transition: opacity 0.5s ease;
  z-index: 0;
}
.sms-solve-approach::before {
    background: linear-gradient(355.32deg, #600D89 -182.26%, rgba(244, 147, 249, 0) 96.23%) !important;
}
.paid-solve-approach::before {
    background: linear-gradient(355.38deg, #F35E12 -329.1%, rgba(254, 201, 45, 0) 96.28%) !important;
}
.solve-approach:hover::before {
  opacity: 1;
}
span.circle-shadow {
    margin-left:-20px;
}
.except-trig {
    position: absolute;
    display: block;
    clip-path: path("M2.24264 10.2426C-1.53715 6.46285 1.13985 0 6.48528 0H36C39.3137 0 42 2.68629 42 6V35.5147C42 40.8601 35.5371 43.5371 31.7574 39.7574L16.5 24.5L2.24264 10.2426Z");
    width: 42px;
    aspect-ratio: 42 / 42;
    right: 0;
    transition: 0.3s;
}
.outcomes {
    background: #001C31;
    border: 2px solid #2E313E;
    transition: 0.3s;
}
.email-trig {
    background: linear-gradient(88.48deg, #1B6519 1.83%, #C8E790 99.3%);
}
.e-outcomes:hover .email-trig {
    background: #001C31 !important;
    transition: 0.3s;
}
.e-outcomes:hover {
    background: linear-gradient(88.48deg, #1B6519 1.83%, #C8E790 99.3%) !important;
    transition: 0.3s;
}
.affil-trig {
    background: linear-gradient(88.48deg, #0D7689 1.83%, #1CF5CA 99.3%);
    transition: 0.3s;
}
.a-outcomes:hover .affil-trig {
    background: #001C31 !important;
    transition: 0.3s;
}
.a-outcomes:hover {
    background: linear-gradient(88.48deg, #0D7689 1.83%, #1CF5CA 99.3%) !important;
    transition: 0.3s;
}
.smsm-trig {
    background: linear-gradient(88.48deg, #600D89 1.83%, #F493F9 99.3%);
    transition: 0.3s;
}
.s-outcomes:hover .smsm-trig {
    background: #001C31 !important;
    transition: 0.3s;
}
.s-outcomes:hover {
    background: linear-gradient(88.48deg, #600D89 1.83%, #F493F9 99.3%) !important;
    transition: 0.3s;
}
.paid-trig {
    background: linear-gradient(88.48deg, #F35E12 1.83%, #FEC92D 99.3%);
    transition: 0.3s;
}
.p-outcomes:hover .paid-trig {
    background: #001C31 !important;
    transition: 0.3s;
}
.p-outcomes:hover {
    background: linear-gradient(88.48deg, #F35E12 1.83%, #FEC92D 99.3%) !important;
    transition: 0.3s;
}
.swiper-slide.outcomes.rounded-12.position-relative {
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
}
.bg-FFFFFF1A {
    background: #FFFFFF1A;
    border: 1px solid #FFFFFF1A;
}
.case-study .boxs-item {
    padding: 15px !important;
    text-align: left;
    width: 100% !important;
}
.case-study .box-item:hover .boxs-item::before {
    display: none !important;
}
.tool-used-box img {
    max-width: 70px;
}
/* .col-md-20 {
    flex: 0 0 auto;
    width: 20% */
/* } */
.tool-used-box {
    background: #FFFFFF1A;
}
.title-32 {
    font-family: Inter;
    font-weight: 500;
    font-size: 32px;
}
.free-cons-bg {
    background: linear-gradient(90deg, #007AFF 0%, #01B7FE 55.42%);
}
.polgyu {
    position: absolute;
    display: block;
    width: 42px;
    aspect-ratio: 42 / 42;
    d: path("M 30.1904 -35.8397 C 55.4102 -24.5921 66.7369 4.97057 55.4893 30.1904 C 44.2417 55.4102 14.6791 66.7369 -10.5407 55.4893 C -35.7605 44.2417 -47.0872 14.679 -35.8397 -10.5407 C -24.5921 -35.7605 4.97058 -47.0873 30.1904 -35.8397 Z");
    
}
.lt-polgyu{
    top: 0;
    left: 0;
    border-bottom-right-radius: 50px;
    border-top-left-radius: 16px;
}
.rt-polgyu {
    top: 0;
    right: 0;
    border-bottom-left-radius: 50px;
    border-top-right-radius: 16px;
}
.rb-polgyu {
    bottom: 0;
    right: 0;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 16px;
}
.lb-polgyu {
    bottom: 0;
    left: 0;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 16px;
}
.rt-polgyu-color {
    background: linear-gradient(88.48deg, #1B6519 1.83%, #C8E790 99.3%);
}
.lt-polgyu-color {
    background: linear-gradient(88.48deg, #09488B 1.83%, #2DC9EF 99.3%);
}
.rb-polgyu-color {
    background: linear-gradient(88.48deg, #F35E12 1.83%, #FEC92D 99.3%);
}
.lb-polgyu-color {
    background: linear-gradient(270.43deg, #E8D0FF 0.58%, #9747FF 99.83%);
}
.howitworks-ads .icon-arrow.email-marketing-icon {
    padding: 9px 14px !important;
}
.bg-00000066 {
    background: #00000066;
    width: 100%;
    height: 100%;
}
.swiper-slide-prev .position-absolute.top-0.bg-00000066.rounded-20.text-center {
    width: 85% !important;
    justify-self: flex-end !important;
    filter: blur(5px);
}
.swiper-slide-next .position-absolute.top-0.bg-00000066.rounded-20.text-center {
    width: 85% !important;
    justify-self: start !important;
    filter: blur(5px);
}
.swiper-slide-active .h4-title {
    display: block !important;
}
.swiper-slide-prev img.rounded-20, .swiper-slide-next img.rounded-20 {
    filter: blur(5px);
}
.swiper-pagination-bullet-active {
    width: 60px !important;
    border-radius: 10px !important;
}
.swiper-pagination-bullet {
    background: #6D4949 !important;
    opacity: 1 !important;
}
.nav-item.dropdown {
    position: relative;
}
.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #0d0d0d;
    border-radius: 15px;
    padding: 15px 10px;
    list-style: none;
    min-width: 250px;
}
.dropdown-menu li {
    margin-bottom: 8px;
}
.dropdown-menu li a {
    display: block;
    padding: 12px 15px;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    border-radius: 8px;
    border: 1px solid #505050;
}
.dropdown-menu li a:hover {
    background: linear-gradient(90deg, #0A1119 0%, #156DD5 100%);
}
.nav-item.dropdown:hover .dropdown-menu {
    display: block;
}
.dropdown-sub {
    position: relative;
}
.dropdown-sub .submenu {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    background: #141b35;
    border-radius: 15px;
    padding: 13px 10px;
    list-style: none;
    min-width: 310px;
}
.dropdown-sub:hover .submenu {
    display: block;
}
.arrow {
    float: right;
    transition: transform 0.3s;
}
.dropdown-sub:hover .arrow {
    transform: rotate(90deg);
}
.swiper-slide-bg::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #00000033;
}
.blog-content h2 {
    font-size: 32px;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.blog-content p {
    margin-bottom: 0 !important;
}
.blog-content img {
    padding-top: 1rem;
}