/* DETAILS
==================================================
	Theme Name: 
==================================================
*/

@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
@font-face {
    font-family: 'TT Hoves Pro Trial';
    src: url('../fonts/TTHovesProTrial-It.eot');
    src: url('../fonts/TTHovesProTrial-It.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTHovesProTrial-It.woff2') format('woff2'),
        url('../fonts/TTHovesProTrial-It.woff') format('woff'),
        url('../fonts/TTHovesProTrial-It.ttf') format('truetype'),
        url('../fonts/TTHovesProTrial-It.svg#TTHovesProTrial-It') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TT Hoves Pro Trial';
    src: url('../fonts/TTHovesProTrial-Rg.eot');
    src: url('../fonts/TTHovesProTrial-Rg.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTHovesProTrial-Rg.woff2') format('woff2'),
        url('../fonts/TTHovesProTrial-Rg.woff') format('woff'),
        url('../fonts/TTHovesProTrial-Rg.ttf') format('truetype'),
        url('../fonts/TTHovesProTrial-Rg.svg#TTHovesProTrial-Rg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'TT Hoves Pro Trial';
    src: url('../fonts/TTHovesProTrial-MdIt.eot');
    src: url('../fonts/TTHovesProTrial-MdIt.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTHovesProTrial-MdIt.woff2') format('woff2'),
        url('../fonts/TTHovesProTrial-MdIt.woff') format('woff'),
        url('../fonts/TTHovesProTrial-MdIt.ttf') format('truetype'),
        url('../fonts/TTHovesProTrial-MdIt.svg#TTHovesProTrial-MdIt') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'TT Hoves Pro Trial medium';
    src: url('../fonts/TTHovesProTrial-Md.eot');
    src: url('../fonts/TTHovesProTrial-Md.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTHovesProTrial-Md.woff2') format('woff2'),
        url('../fonts/TTHovesProTrial-Md.woff') format('woff'),
        url('../fonts/TTHovesProTrial-Md.ttf') format('truetype'),
        url('../fonts/TTHovesProTrial-Md.svg#TTHovesProTrial-Md') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Ivy Mode';
    src: url('../fonts/IvyMode-Italic.eot');
    src: url('../fonts/IvyMode-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/IvyMode-Italic.woff2') format('woff2'),
        url('../fonts/IvyMode-Italic.woff') format('woff'),
        url('../fonts/IvyMode-Italic.ttf') format('truetype'),
        url('../fonts/IvyMode-Italic.svg#IvyMode-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Ivy Mode';
    src: url('../fonts/IvyMode-Regular.eot');
    src: url('../fonts/IvyMode-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/IvyMode-Regular.woff2') format('woff2'),
        url('../fonts/IvyMode-Regular.woff') format('woff'),
        url('../fonts/IvyMode-Regular.ttf') format('truetype'),
        url('../fonts/IvyMode-Regular.svg#IvyMode-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
	--font-awesome: 'Font Awesome 6 Free';
	--tt-hoves:'TT Hoves Pro Trial';
	--manrope:"Manrope", sans-serif;
	--ivy-mode-normal:'Ivy Mode';
	--body-color:#252432;
	--blue-color:#032888;
	--fade-bg:#F2F4FB;
	--black:#000;
	--white:#fff;
	--bold: 700;
	--semi-bold: 600;
	--medium: 500;
	--regular: 400;
	--btn-gradient: radial-gradient(50% 167.76% at 100% 100%, #0037CD 0%, #032888 100%);
	--common-transition: all 0.3s ease 0s;
}

/* ~-~-~-~-~-~-~-~-~-~ global adjustments  start~-~-~-~-~-~-~-~-~-~ */
html { overflow-x: hidden; }
body { margin: 0; padding: 0; font-family: var(--tt-hoves); font-weight: var(--regular); font-size: 16px; color: var(--body-color); overflow-x: hidden; }
h1, h2, h3, h4, h5, h6 { font-family: var(--tt-hoves); font-weight: var(--regular); color: var(--blue-color); margin: 0 0 30px; padding: 0; }

h1 { font-size: 100px;}
h2 { font-size: 60px;}
h3 { font-size: 40px;}
h4 { font-size: 36px;}
h5 { font-size: 24px;}
p { line-height: 1.4; margin: 0 0 30px; padding: 0;}
.big-body-font p { font-size: 24px;}
li a i.gold {
    color: #FFB800 !important;
}
/* MODAL WINDOW JOSEPH */

/* Modal General Styles */
.modal-header {
    padding: 30px;
    color: #fff;
    text-align: center;
    background-size: cover;
    background-position: center;
    flex-direction: column;
    padding: 30px 20px;
}

.modal-header {
    position: relative;
    padding: 30px;
    color: #fff;
    text-align: center;
    background-size: cover;
    background-position: center;
    z-index: 1;
    overflow: hidden;
}

.modal-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Adjust the 0.5 for lighter or darker tint */
    z-index: -1;
    pointer-events: none;
}

.modal-header h3 {
    font-size: 30px;
    font-weight: bold;
    color: #FFF;
    margin:0 0 0 0;
    line-height: normal;
}

.modal-header p {
    font-size: 20px;
    color:#FFF;
    margin: 0 0 0 0;
    font-weight: bold;
    line-height: normal;
}

.modal-body {
    padding: 20px;
}

.modal-content {
    border-radius: 8px;
    overflow: hidden;
    border:6px solid #FFB800;
}
.modal-body .wpcf7 textarea {
    height: 100px;
}
/* Form Fields Styling */
.modal-body .form-group {
    margin-bottom: 20px;
    padding: 10px;
}
.custom-popup .modal-body { padding-left: 8%; padding-right:8%; }
.modal-body input, 
.modal-body textarea, 
.modal-body select {
    width: 100%;
    padding-right: 15px; padding-left: 15px;
    box-sizing: border-box;
}

/* Close Button Styling */
.modal-header .btn-close img {
    width: 24px;
    height: 24px;
}

.modal-dialog {
    max-width: 600px; /* Set a maximum width for the modal */
    margin: 30px auto; /* Add margin on top and bottom */
}

.modal-dialog-centered {
    display: flex;
    align-items: center; /* Vertically centers the modal */
    min-height: calc(100vh - 60px); /* Adjust the modal height to leave some space at the top and bottom */
}

.modal-content {
    max-height: 90vh; /* Limit the height of the modal to 90% of the viewport */
    overflow-y: auto; /* Enable scrolling if content overflows */
    border-radius: 8px; /* Optional: rounded corners */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* Optional: add shadow for a floating effect */
}

@media only screen and (max-width: 1599px) {
    h1 { font-size: 60px;}
    h2 { font-size: 38px;}
    h3 { font-size: 30px;}
    h4 { font-size: 28px;}
    h5 { font-size: 20px;}
    .big-body-font p { font-size: 20px;}
}

@media only screen and (max-width: 1199px) {
    h1 { font-size: 34px;}
    h2 { font-size: 28px;}
    h3 { font-size: 25px;}
    h4 { font-size: 22px;}
    h5 { font-size: 18px;}
    .big-body-font p { font-size: 18px;}
}
@media only screen and (max-width: 767px) {
    h1 { font-size: 30px;}
    h2 { font-size: 26px;}
    h3 { font-size: 23px;}
    h4 { font-size: 20px;}
    h5 { font-size: 16px;}
    .big-body-font p { font-size: 17px;}
}
@media only screen and (max-width: 991px){
    h1, h2, h3, h4, h5, h6, P{ margin: 0 0 20px 0;}
}
/* --- form-control start --- */
.form-row { margin-bottom: 30px;}
.form-control { border: 1px solid #DEDEDE; border-radius: 50px; padding-right: 30px; padding-left: 30px; color: #656565 !important;}
input.form-control, select.form-control { height: 50px; }
select.form-control{ background-image: url(../images/bottom-arrow.svg); background-repeat: no-repeat !important; background-position: right 20px center !important; background-size: 10px !important; padding-right: 50px;}
textarea.form-control { height: 150px; border-radius: 20px; resize: none; }
.form-control:focus { box-shadow: none; border-color: #DEDEDE;}
.form-control::-moz-placeholder { color: #656565; opacity: 1; font-weight: 400;}
.form-control:-ms-input-placeholder { color: #656565; font-weight: 400;}
.form-control::-webkit-input-placeholder { color: #656565; font-weight: 400;}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{ transition: background-color 9999s ease-in-out 0s; -webkit-text-fill-color: #656565;}
/* --- form-control end --- */

@media only screen and (max-width: 991px) {
    .form-control{ padding-right: 20px; padding-left: 20px;}
}

@media only screen and (min-width: 1600px) {
	.container { max-width: 1500px; }
}
@media only screen and (min-width: 1740px) {
	.container { max-width: 1624px; }
}

img { max-width: 100%; }
a, img { border: 0; text-decoration: none; outline: none; }
a, a:link, a:visited, a:focus, a:hover { outline: none; text-decoration: none; transition: var(--common-transition); }
a:hover { text-decoration: none; }
ul { padding: 0; margin: 0; list-style: none; }

.common-padding { padding: 100px 0; }
.common-padding-top { padding-top: 100px; }
.common-padding-bottom { padding-bottom: 100px; }
.section-title { margin-bottom: 40px; }
.bg-adjustment{ background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important;}
.image-adjustment{ position: relative;}
.image-adjustment img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.overlay-content{ position: relative; z-index: 3;}
h1.title-border{letter-spacing: -0.05em;}
.title-border span{ letter-spacing: 0.00em; font-family: var(--ivy-mode-normal); font-style: italic;}
.fade-bg{ background: var(--fade-bg);}
.sub-title{ font-family: var(--manrope); font-weight: var(--semi-bold); color: #033CCC; margin-bottom: 15px;}

@media only screen and (max-width: 1199px) {
	.common-padding { padding: 80px 0; }
	.common-padding-top { padding-top: 80px; }
	.common-padding-bottom { padding-bottom: 80px; }
}
@media only screen and (max-width: 991px) {
	.common-padding { padding: 60px 0; }
	.common-padding-top { padding-top: 60px; }
	.common-padding-bottom { padding-bottom: 60px; }
	.section-title { margin-bottom: 30px; }
}
@media only screen and (max-width: 767px) {
	.common-padding { padding: 50px 0; }
	.common-padding-top { padding-top: 50px; }
	.common-padding-bottom { padding-bottom: 50px; }
    .title-border span{ border-width: 1px;}
}

/* --- button start --- */
.btn { display: inline-block; position: relative; background: var(--btn-gradient); border: 1.5px solid var(--blue-color); border-radius: 50px; font-family: var(--manrope); font-weight: var(--bold); text-align: center; color: var(--bs-white); font-size: 16px; text-transform: capitalize; line-height: 1; padding: 20px 45px; transition: var(--common-transition);}
.btn:hover { background: transparent; border: 1.5px solid var(--blue-color); box-shadow: none; outline: none; color: var(--blue-color); }
.btn:focus-visible, .btn:active, .btn:focus{ background: var(--btn-gradient); color: var(--white) !important;}
.btn.btn-border{ background: transparent; color: var(--blue-color);}
.btn.btn-border:hover, .btn.btn-border:focus, .btn.btn-border:active, .btn.btn-border:focus-visible, .btn.btn-white:hover{ background: var(--btn-gradient); color: var(--white);}
.btn.btn-white{ background: #ffffff; color: #0036CA;}
@media only screen and (max-width: 1199px) {
    .btn{ font-size: 15px; padding: 16px 30px;}
}
/* --- button end --- */
/* ~-~-~-~-~-~-~-~-~-~ global adjustments  end~-~-~-~-~-~-~-~-~-~ */

/* --- header start ------------------------------------------------------------------------------------------- */
/* ~~hamburger menu start~~ */
.hamburger-nav { vertical-align: top; width: 30px; height: 24px; position: relative; margin: 0 0 0 15px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; margin-top: 0; z-index: 9; }
.hamburger-nav span { display: block; position: absolute; height: 2px; width: 100%; background: var(--blue-color); border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
.hamburger-nav span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.hamburger-nav span:nth-child(2) { top: 10px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.hamburger-nav span:nth-child(3) { top: 20px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.hamburger-nav-close { vertical-align: top; width: 25px; height: 24px; position: relative; margin: 0 0 0 15px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; margin-top: 0; z-index: 9; }
.hamburger-nav-close span { display: block; position: absolute; height: 2px; width: 100%; background: var(--blue-color); border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
.hamburger-nav-close span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 10px; left: 3px; }
.hamburger-nav-close span:nth-child(2) { width: 0%; opacity: 0; }
.hamburger-nav-close span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 10px; left: 2px; }
/* ~~hamburger menu end~~ */

.main-header{ position: absolute; z-index: 999; top: 20px; right: 0; left: 0; width: 100%;}
.header-row { background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(10px); border-radius: 100px; padding: 10px 25px; }
.main-header .logo-wrap{ height: 85px;}
.main-header .logo-wrap *{ display: block; width: auto; height: 100%;}
.header-row .desktop-menu { padding-right: 25px; margin-right: 25px; border-right: 1px solid #888888; }
.header-row .desktop-menu li{ font-family: var(--manrope); font-weight: var(--semi-bold); margin: 0 15px;}
.header-row .desktop-menu li:first-child{ margin-left: 0;}
.header-row .desktop-menu li:last-child{ margin-right: 0;}
.header-row .desktop-menu li a{ display: block; padding: 10px 0; color: #222222;}
.header-row .desktop-menu li a:hover{ color: var(--blue-color);}
.main-header .current-menu-item > a{ color: var(--blue-color) !important;}
.header-row .phone-no{ margin-right: 15px;}
.header-row .phone-no span{ display: block; font-size: 14px;}
.header-row .phone-no a { font-weight: var(--bold); font-family: var(--manrope); font-size: 20px; color: var(--blue-color); /*border-bottom: 1.5px solid var(--blue-color);*/ }
.header-row .user-conect-row li:not(:last-child){ margin-right: 10px;}

/* sub-menu start */
.main-header .menu-item-has-children .sub-menu { background: #FFF; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13); width: 210px; padding: 20px 30px; position: absolute; top: 50px; opacity: 0; visibility: hidden; transition: var(--common-transition); }
.main-header .menu-item-has-children .sub-menu a { display: block; padding: 5px 0; }
.main-header .menu-item-has-children:hover .sub-menu { top: 100px; opacity: 1; visibility: visible; }
.main-header .menu-item-has-children>a { padding-right: 25px; }
.main-header .menu-item-has-children>a::before { position: absolute; content: ''; border: solid black; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); right: 5px; top: 15px; }
/* sub-menu end */

.mobile-menu { display: none; background: var(--white); width: 100vw; height: 100vh; position: fixed; top: 0; right: -100vw; overflow: hidden; z-index: 999; transition: var(--common-transition); }
.mobile-menu::before{ content: "";     background: radial-gradient(50% 50% at 50% 50%, #033CCC 0%, rgba(3, 60, 204, 0) 100%);}
.mobile-menu .top-row { padding: 20px 0; }
.menu-open .mobile-menu { right: 0; }
.mobile-menu .logo-wrap{ height: 60px;}
.mobile-menu .logo-wrap *{ display: block; height: 100%; width: auto;}
.mobile-menu .mobile-menubar li{ opacity: 0; -webkit-transform: translateX(-150px); transform: translateX(-150px); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; list-style: none;}
.menu-open .mobile-menu .mobile-menubar li{ opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}
.menu-open .mobile-menu .mobile-menubar li:nth-child(1){ transition-delay: 0.16s;}
.menu-open .mobile-menu .mobile-menubar li:nth-child(2){ transition-delay: 0.24s;}
.menu-open .mobile-menu .mobile-menubar li:nth-child(3){ transition-delay: 0.32s;}
.menu-open .mobile-menu .mobile-menubar li:nth-child(4){ transition-delay: 0.40s;}
.menu-open .mobile-menu .mobile-menubar li:nth-child(5){ transition-delay: 0.48s;}
.menu-open .mobile-menu .mobile-menubar li:nth-child(6){ transition-delay: 0.56s;}
.menu-open .mobile-menu .mobile-menubar li:nth-child(7){ transition-delay: 0.56s;}
.menu-open .mobile-menu .mobile-menubar li:nth-child(8){ transition-delay: 1.4s;}
.menu-open .mobile-menu .mobile-menubar li:nth-child(9){ transition-delay: 1.12s;}
.mobile-menu .mobile-menubar li a{ display: inline-block; padding: 15px 0; color: var(--blue-color);}
.mobile-menu .mobile-menubar li.current-menu-item a{ color: #222222;}

.mobile-menu .user-conect-row{ padding: 15px 0; border-top: 1px dashed var(--blue-color); border-bottom: 1px dashed var(--blue-color);}
.mobile-menu .user-conect-row li{ opacity: 0; -webkit-transform: translateX(-150px); transform: translateX(-150px); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; list-style: none;}
.menu-open .mobile-menu .user-conect-row li{ opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}
.menu-open .mobile-menu .user-conect-row ul{ gap: 15px;}
.menu-open .mobile-menu .user-conect-row li:first-child{ transition-delay: 0.05s;}
.menu-open .mobile-menu .user-conect-row li:last-child{  transition-delay: 0.12s}

/* ~~ header sticky start ~~ */
@keyframes slide-down {
	0% {
		opacity: 0;
		transform: translateY(-100%);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
.header-sticky .main-header { position: fixed; top: 10px; animation: slide-down 0.5s; transition: var(--common-transition); z-index: 999;}
/* ~~ header sticky end ~~ */





@media only screen and (max-width: 1739px){
    .main-header .logo-wrap { height: 80px; }
    .header-row .desktop-menu li{ margin: 0 10px;}
    .header-row .desktop-menu{ padding-right: 20px; margin-right: 20px;}
    .main-header .btn { padding: 17px 35px; }
}
@media only screen and (max-width: 1599px) {
    .main-header .logo-wrap { height: 65px; }
    .header-row .phone-no { margin-right: 10px; }
    .header-row .desktop-menu { padding-right: 10px; margin-right: 10px; }
    .main-header .btn { padding: 15px 25px; }
    .header-row .phone-no a{ font-size: 18px;}
}
@media only screen and (max-width: 1399px){
    .main-header .logo-wrap { height: 55px; }
    .header-row .desktop-menu li { margin: 0 7px; font-size: 15px; }
    .header-row .phone-no a{ font-size: 15px;}
    .header-row .user-conect-row li:not(:last-child) { margin-right: 7px; }
    .main-header .btn { padding: 13px 20px; font-size: 14px; }
}
@media only screen and (max-width: 1199px) {
	.desktop-menu { display: none; }
	.hamburger-nav { display: block; }
    .main-header .right-col{ margin-left: auto; margin-right: 15px;}
    .header-row .phone-no{ display: none;}
	.mobile-menu { display: block;}
	.mobile-menu .sub-menu { display: none; width: calc(100% - 20px); margin-left: auto; }
}
@media only screen and (max-width: 767px){
    .main-header .user-conect-col { display: none; }
    .mobile-connect-us a { display: block; height: 28px; }
    .mobile-connect-us a imh{ height: 100%;}
    .mobile-menu .user-conect-row li a { width: 130px; padding: 12px; font-size: 14px; }
}
@media only screen and (max-width: 575px){
    .main-header .logo-wrap { height: 45px; }
    .mobile-menu .logo-wrap { height: 55px; }
}
@media only screen and (max-width: 479px){
    .main-header{ top: 15px;}
}
@media screen and (min-width: 768px) and (max-width: 1199px){
    .mobile-menubar{ padding-top: 15%;}
    .mobile-menubar li { text-align: center; font-weight: 700; font-size: 30px; }
}
/* modal adjustment */
body.modal-open { padding-right: 0 !important; }
.custom-popup .modal-dialog { max-width: 785px; }
.custom-popup .modal-content { border-radius: 15px; }
.btn-close:focus { box-shadow: none; }
.custom-popup .modal-header { padding: 20px 40px 24px; }
.custom-popup .modal-header h1 { font-size: 40px; line-height: 1.25; }
.custom-popup .btn-close { background: transparent; line-height: 0; width: 24px; height: 24px; opacity: 1; cursor: pointer; color: #fff; filter: brightness(0) invert(1); position: absolute; z-index: 3; top: 10px; right: 10px; }
.custom-popup .modal-body { padding: 40px; }

.modal label{ color: var(--black); font-family: 'TT Hoves Pro Trial medium'; margin-bottom: 10px;}
.modal-body .form-control { border: 1px solid #B2BFDF; }
.modal .iti { width: 100%; }
.modal-body .iti--show-selected-dial-code .iti__selected-flag { background-color: transparent !important; }
.wpcf7-form-control.wpcf7-radio { display: flex; width: 100%; margin-top: 34px; }
.wpcf7-form-control.wpcf7-radio .wpcf7-list-item { position: relative; width: 50%;}
.wpcf7-form-control.wpcf7-radio .wpcf7-list-item.first .wpcf7-list-item-label{ border-right: 0; border-radius: 100px 0 0 100px;}
.wpcf7-form-control.wpcf7-radio .wpcf7-list-item.last .wpcf7-list-item-label{ border-left: 0; border-radius: 0 100px 100px 0;}
.wpcf7-form-control.wpcf7-radio .wpcf7-list-item input[type="radio"]{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; cursor: pointer; opacity: 0;}
.wpcf7-form-control.wpcf7-radio .wpcf7-list-item-label { display: block; background: transparent; border: 1px solid #B2BFDF; width: 100%; text-align: center; padding: 14px 5px; line-height: normal; color: #656565; transition: var(--common-transition);}
.wpcf7-form-control.wpcf7-radio .wpcf7-list-item input[type="radio"]:checked + .wpcf7-list-item-label{ background: var(--blue-color); border-color: var(--blue-color); color: var(--white);}
.wpcf7-response-output { margin: 15px 0 !important; text-align: center; font-size: 15px; padding: 5px !important; }
@media only screen and (max-width: 1599px){
    .custom-popup .modal-header h1{ font-size: 30px;}
}
@media only screen and (max-width: 1599px){
    .custom-popup .modal-header { padding: 15px 30px 15px; }
    .custom-popup .modal-body { padding: 30px;}
}
@media only screen and (max-width: 1199px){
    .custom-popup .modal-header h1{ font-size: 25px;}
}
@media only screen and (max-width: 991px){
    .custom-popup .modal-header { padding: 15px 20px 15px; }
    .custom-popup .modal-body { padding: 25px 20px 25px; }
}
@media only screen and (max-width: 575px){
    .wpcf7-form-control.wpcf7-radio{ margin-top: 10px;}
}
@media only screen and (max-width: 767px){
    .custom-popup .modal-header { padding: 12px 15px; }
    .custom-popup .modal-body { padding: 25px 15px 25px; }
}

/* home-page start----------- */
.hero-banner::before { pointer-events: none; content: ""; background: linear-gradient(180deg, rgba(0, 17, 58, 0.2) 0%, rgba(0, 17, 58, 0.3) 21.64%, rgba(0, 17, 58, 0.569828) 60.29%, #000E30 93.07%); position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; }
.hero-banner .banner-bg { background-position: center !important; background-size: cover !important; background-repeat: no-repeat !important; padding-bottom: 60%; }
.hero-banner .container-holder { display: flex; align-items: center; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding-top: 7%;}
.hero-banner .banner-content-wraper { display: flex; flex-direction: column; height: 100%; padding-right: 10%; }
.hero-banner .banner-info{ margin-bottom: 10%; position: relative; z-index: 5;}
.hero-banner .banner-info *:not(.btn){ color: var(--white);}
.hero-banner .banner-info .title-border span{ width: fit-content; display: block; border-color: var(--white); font-size: 74px;}
.hero-banner .banner-info .button-row li:not(:last-child){ margin-right: 15px;}
.hero-banner .banner-info .btn.btn-border{ border-color: var(--white); color: var(--white);}
.hero-banner .banner-info .btn:hover{ background: var(--white);}
.hero-banner .banner-info .btn.btn-border:hover{border-color: var(--blue-color); color: var(--blue-color);}
.banner-review-wraper{ padding-top: 30px; margin-top: auto; margin-bottom: 50px; position: relative; z-index: 5;}
.banner-review-wraper ul{ margin: 0 -7px; flex-wrap: wrap; justify-content: center;}
.banner-review-wraper li { width: 20%; height: 80px; text-align: center; padding: 0 7px;}
.banner-review-wraper li:not(:last-child){ border-right: 1px solid #FFFFFF;}
.banner-review-wraper li img{ height: 100%;}

.banner-hire-team-box { /* border-image-source: linear-gradient(75deg, rgba(3,40,136,1) 0%, rgba(3,40,136,0.5) 20%, rgba(3,40,136,1) 80%, rgba(3,40,136,0.6) 100%) !important; border: 2px solid; border-width: 2px; border-image-slice: 1;  */ border-radius: 20px; overflow: hidden; }
.banner-hire-team-box .banner-hire-inner-team-box { background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(8px); padding: 30px; }
.banner-hire-team-box h4{ color: var(--blue-color);}
.banner-hire-team-box .title-border span{ display: block; width: fit-content;}
.banner-hire-team-box .hire-btn-wrap li:not(:last-child){ margin-bottom: 15px;}

.banner-hire-team-box .hire-btn-wrap .btn { background-image: url(../images/right-arrow-white.svg); background-size: 20px !important; background-position: right 35px center !important; background-repeat: no-repeat !important; padding-right: 70px; text-align: left; line-height: 1.3;}
.banner-hire-team-box .hire-btn-wrap .btn:hover{ background-color: var(--blue-color) !important; color: var(--white); background-position: right 15px center !important;}

/* .awards-received-section { background: var(--fade-bg); } */
.certified-wraper{ padding-right: 30px; border-right: 2px solid #C9D5F4;}
.certified-row ul{ flex-wrap: wrap; justify-content: center; row-gap: 15px;}
.certified-row li { width: 33.33%; }
.awards-wraper{ padding-left: 30px;}
.awards-slider-wraper .logo-icon { height: 145px; }
.awards-slider-wraper .logo-icon img{ height: 100%; width: auto; margin: 0 auto;}

.common-gradient-section{ overflow: hidden;}
.common-gradient-section::before { content: ""; background: radial-gradient(50% 50% at 50% 50%, #033CCC 0%, rgba(3, 60, 204, 0) 100%); position: absolute; top: -50%; right: 0; left: 0; width: 100%; height: 100%; opacity: 0.25;}
.our-story-section .image-wraper{ padding-bottom: 90%; border-radius: 10px; overflow: hidden;}
.our-story-section .info-wraper { padding-left: 35px; }
.our-story-section .info-wraper p:last-child{ margin-bottom: 0;}
.our-story-slider{ margin-bottom: 0 !important;}
.our-story-slider .slick-list { border-radius: 10px; overflow: hidden;}
.our-story-slider .slick-dots { display: flex; align-items: center; justify-content: center; position: relative; bottom: 0; margin-top: 20px; }
.our-story-slider .slick-dots li { height: 6px; width: auto; margin-left: 0;}
.our-story-slider .slick-dots li:not(:last-child) { margin-right: 10px; }
.our-story-slider .slick-dots button { display: block; padding: 0; background: var(--blue-color); border-radius: 50px; border: 0; font-size: 0; width: 12px; height: 6px; transition: var(--common-transition); }
.slick-dots li button:before{ display: none;}
.our-story-slider .slick-dots .slick-active button { width: 100px; }
/* .our-story-section .info-wraper p:last-child{ margin-bottom: 0;} */
.ceo-row{ gap: 20px; margin-top: 20px; margin-bottom: 50px;}
.ceo-row .ceo-col { width: calc(50% - 10px); }
.ceo-profile{ width: 100px; height: 100px; flex: 0 0 auto; margin-right: 20px; border: 2px solid var(--white); border-radius: 50%; box-shadow: 10px 10px 30px 0px #033CCC66; overflow: hidden;}
.ceo-profile img{ width: 100%; height: 100%; object-fit: cover;}

.ceo-row h5 { margin-bottom: 0; font-family: 'TT Hoves Pro Trial medium'; }
.ceo-row p{ margin-bottom: 0;}

/* .testimonial-slider-wraper { padding-bottom: 35px; } */
.testimonial-slider{ z-index: 2;}
.testimonial-box { display: flex; flex-direction: column; height: 100%; background: var(--white); padding: 40px; border-radius: 20px; }
.testimonial-box .logo-wrap { height: 50px; margin-bottom: 30px; }
.testimonial-box .logo-wrap img{ height: 100%; width: auto;}
.testimonial-box .review-content{ margin-bottom: 40px;}
.testimonial-box .review-content p{ margin-bottom: 0;}
.testimonial-box .border-wrap { width: 100%; height: 2px; border-image-source: linear-gradient(90deg, #FFFFFF 0%, #ADC5FF 49.5%, #FFFFFF 100%) !important; border: 2px solid; border-width: 2px; border-image-slice: 1; margin: auto 0 40px; }
.testimonial-profile-row  .testimonial-profile { width: 75px; height: 75px; flex: 0 0 auto; border-radius: 50%; margin-right: 20px; overflow: hidden;}
.testimonial-profile-row  .testimonial-profile img{ width: 100%; height: 100%; object-fit: cover;}
.testimonial-shadow-wrap { width: 100%; height: 80px; border-radius: 50%; position: absolute; bottom: -35px; background: radial-gradient(50% 50% at 50% 50%, #033CCC 0%, rgba(3, 60, 204, 0) 100%); opacity: 0.35; }
.testimonial-profile-row h5{ margin-bottom: 0; font-family: 'TT Hoves Pro Trial medium';}
.testimonial-profile-row p{ margin-bottom: 0;}
.review-platform-wrap p{ margin: 0 10px 0; color: #252432;}
.review-platform-wrap .logo { height: 60px; }
.review-platform-wrap .logo .google-image { height: 40px; margin-bottom: 5px; }
.review-platform-wrap .logo ul{ justify-content: end;}
.review-platform-wrap .logo img{ width: auto; height: 100%;}
.review-platform-wrap .logo ul img { width: 16px; }

.testimonial-section .left-col-row { height: 100%;}
.testimonial-slider-wraper .slick-list { border-radius: 20px; margin: 0 -7px;}
.testimonial-slider-wraper .slick-track{ display: flex;}
.testimonial-slider-wraper .slick-slide{ height: inherit; padding: 0 7px;}
.testimonial-section .slider-dots-box { padding: 25px 0; }
.testimonial-section .slider-dots-box ul{ display: flex;}
.testimonial-section .slick-dotted.slick-slider { margin-bottom: 0; }
.testimonial-section .slider-dots-box li{ height: 4px;}
.testimonial-section .slider-dots-box li:not(:last-child){ margin-right: 10px;}
.testimonial-section .slider-dots-box button { display: block; padding: 0; background: var(--blue-color); border-radius: 50px; border: 0; font-size: 0; width: 12px; height: 6px; transition: var(--common-transition); }
.testimonial-section .slider-dots-box .slick-active button{ width: 100px;}

.trust-section .container{ position: relative; z-index: 3;}
.trust-section .section-title { max-width: 760px; margin: 0 auto 30px; }
.trust-logo-row li { background: rgba(241, 245, 255, 1); border-image-source: linear-gradient(180deg, #ADC5FF 0%, #F1F5FF 100%) !important; border: 1px solid; border-width: 1px; border-image-slice: 1; width: 14.28%; height: 180px; padding: 20px;}
.trust-logo-row li:nth-child(even){ background: transparent; border: 0;}

.common-banner-design{ background-image: url(../images/services-bg.jpg); background-position: center !important; background-size: cover !important; background-repeat: no-repeat !important;}
.common-banner-design::before { content: ""; background: url(../images/bg-design.png); background-position: top center; background-size: cover; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; }
.services-section .section-title *{ color: var(--white); border-color: var(--white);}

.service-nav-outer::before { content: ""; background: linear-gradient(180deg, rgba(3, 40, 136, 0) 0%, #032888 100%); position: absolute; z-index: 1; top: auto; bottom: 0; width: 100%; height: 45%; }
.tab-wraper .button-item { background: rgba(25, 60, 153, 1); border-radius: 15px !important; padding: 25px 70px 25px;  color: var(--white); cursor: pointer; position: relative; transition: var(--common-transition);}
.tab-wraper .button-item::before { content: ""; background: url(../images/right-arrow.svg); background-position: center !important; background-size: 100% !important; background-repeat: no-repeat !important; position: absolute; z-index: 1; width: 30px; height: 30px; right: 20px; top: 28px; transition: var(--common-transition); opacity: 0; visibility: hidden; }
.tab-wraper .button-item *{ transition: var(--common-transition);}
.tab-wraper .button-item h4{   display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; font-size: 30px; color: var(--white); margin-bottom: 0;}
.tab-wraper .button-item span { font-family: var(--manrope); position: absolute; top: 25px; left: 35px; }
.tab-wraper .slick-current .button-item, .tab-wraper .button-item:hover { background: var(--white);}
.tab-wraper .slick-current .button-item *, .tab-wraper .button-item:hover span{ color: var(--blue-color);}
.tab-wraper .slick-current .button-item h4, .tab-wraper .button-item:hover h4{ color: var(--blue-color);}
.tab-wraper .slick-current .button-item::before, .tab-wraper .button-item:hover::before{ opacity: 1; visibility: visible;}
.service-nav .slick-list{ margin: -15px 0;}
.service-nav .slick-slide { padding: 15px 0; }
.tab-image { padding-bottom: 52%; border-radius: 30px; overflow: hidden; }


@keyframes show-up {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
.tab-info-box { background: rgba(0, 0, 0, 0.25); border-radius: 20px; backdrop-filter: blur(20px); padding: 30px; max-width: 480px; position: absolute; bottom: 30px; left: 30px; }

/* JOSEPH */
.tab-info-wraper { position: relative; display: flex; flex-direction: column; justify-content: flex-end; height: 100%; }

.tab-info-box { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 20px; position: absolute; bottom: 0; box-sizing: border-box; max-width: 100%; left: 0; }

.tab-info-box .left-column { display: flex; flex-direction: column; flex-grow: 1; }

.tab-info-box h3, .tab-info-box p { margin: 0; padding-right: 20px; }

.tab-info-box .servicelist { margin-left: auto; padding: 12px 20px; max-width: 200px; text-align: center; white-space: nowrap; display: inline-block; }

/* Particles */


#particles-js {
    position: absolute;
    top: 0;
    left: 0;
    width: 70%;
    height: 80%;
    z-index: 4;
   pointer-events: auto;
}
.banner-hire-team-box {
    position: relative;
    z-index: 5; /* Higher than #particles-js to ensure buttons are clickable */
}
/* .hero-content {
    position: relative;
    z-index: 3;  
} */

/* .banner-review-wraper{
    position: absolute;
    bottom: 70px;
    z-index: 99;
} */
@media (max-width: 768px) {
    .tab-info-box { flex-direction: column; text-align: center; }

    .tab-info-box .servicelist { margin-left: 0; margin-top: 10px; }
}


.slick-active .tab-info-box{ animation: show-up 0.5s;}
.tab-info-box *:not(.btn){ color: var(--white);}
.tab-info-box .btn{ background: var(--white); border-color: var(--white); color: var(--blue-color);}
.tab-info-box .btn:hover{ background: transparent; color: var(--white);}

/* 
.portfolio-wraper .row .row { padding: 0; width: 100%; margin: 0; }
.portfolio-box{ margin-bottom: 50px;}
.portfolio-box .portfolio-image.features-image { padding-bottom: 39%; }
.portfolio-box .portfolio-image { padding-bottom: 78%; margin-bottom: 30px; overflow: hidden;}
 */
.portfolio-box h5 { text-transform: uppercase; font-family: 'TT Hoves Pro Trial medium'; font-weight: var(--semi-bold); }

/* PORTFOLIO GRID */

.portfolio-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-right: -10px; /* Compensate for the gap in the row */
    margin-left: -10px; /* Compensate for the gap in the row */
}

.portfolio-column {
    flex: 1 1 calc(25% - 10px); /* 4 columns */
    max-width: calc(25% - 10px);
    padding: 10px; /* Add padding to control spacing within the row */
    box-sizing: border-box;
}

.portfolio-box {
    position: relative;
    overflow: hidden;
    height: 274px; /* Fixed height for landscape layout */
    border-radius: 15px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    transition: box-shadow 0.3s ease; /* Transition only the shadow, not the transform */
}

.portfolio-box:hover {
    /* No transform here, only shadow change */
    box-shadow: 0 6px 25px rgba(0, 0, 0, 0.3);
}

.portfolio-image img {
    width: 100%;
    height: calc(5/6 * 274px); /* Image height stays proportional */
    object-fit: cover;
    transition: transform 0.3s ease; /* Apply transition to image only */
}

.portfolio-box:hover .portfolio-image img {
    transform: scale(1.1); /* Zooms the image on hover */
}

.portfolio-info {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: calc(1/6 * 274px); /* Title band takes up 1/6th of the height */
    background-color: white;
    text-align: center;
    padding: 10px 0;
}

.portfolio-title {
    font-size: 16px;
    color: black;
    font-weight: bold;
}






/* END PORTFOLIO GRID */


a.item-link { position: absolute; z-index: 5; top: 0; right: 0; bottom: 0; left: 0; }

.link-row .content-info { width: calc(100% - 50px); }
.link-row h5{ margin-bottom: 10px;}
.link-row .arrow-wrap a { display: flex; width: 35px; height: 35px; }

.industries-slider-wraper{ background: var(--white); border-radius: 30px; padding: 20px;}
.industries-tab-slider { margin-bottom: 40px;}
.industries-tab-image { padding-bottom: 41%; border-radius: 30px; overflow: hidden;}
.industries-tab-image::before { content: ""; background: linear-gradient(180deg, rgba(47, 47, 47, 0) 0%, rgba(0, 0, 0, 0.9) 100%); position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; }

.industries-tab-box .link-row{ position: absolute; z-index: 3; right: 0; bottom: 0; left: 0; padding: 30px;}
.industries-tab-box .link-row *{ color: var(--white);}
.industries-tab-box .link-row p{ margin-bottom: 0;}

.industries-nav-slider .item-row .icon { display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; flex: 0 0 auto; border-radius: 50%; background: rgba(225, 231, 250, 1); margin-right: 14px; }
.industries-nav-slider .item-row p{ margin-bottom: 0;}

.slick-current .industries-tab-box .link-row{ animation: show-up 0.5s;}
.industries-nav-slider .item-row { cursor: pointer;}

.industries-nav-slider .slick-current .item-row .icon{ background: #033CCC;}
.industries-nav-slider .slick-current .item-row .icon img{ filter: brightness(0) invert(1);}
.industries-nav-slider .slick-current .item-row  p{ color: var(--blue-color); text-decoration: underline;}

.process-box { padding: 40px 20px 40px 0; border-bottom: 1px solid #ADC5FF; height: 100%;}
.process-box .icon { height: 50px; margin-bottom: 15px; }
.process-box .icon img{ height: 100%;}
.process-box h3{ font-size: 30px; color: #222222; margin-bottom: 15px;}
.process-box h2{ color: #ADC5FF; font-family: var(--ivy-mode-normal); font-style: italic; margin-bottom: 0;}

.common-banner-design.color-white *{ color: var(--white); border-color: var(--white);}
.discovery-call-section .info-wraper { padding-right: 5%; }

@keyframes ripple {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.7);
        opacity: 1;
    }
    100% {
        transform: scale(2.5);
        opacity: 0;
    }
}
.discovery-call-icon { width: 150px; height: 150px; background: var(--white); border-radius: 50%; }
.discovery-call-icon p{ color: var(--blue-color) !important; font-size: 14px; font-family: var(--manrope); font-weight: var(--bold); margin-bottom: 0;}
.discovery-call-icon a{ z-index: 3;}
.discovery-call-icon::before{ content: ""; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.5); border-radius: 50%; animation: ripple 2s linear infinite;}
.discovery-call-icon::after{ content: ""; position: absolute; z-index: 1; top: 0; left: 0; right: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.2); border-radius: 50%; animation: ripple 2s linear 0.5s infinite;}
.discovery-call-icon .inner-row::before{ content: ""; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.5); border-radius: 50%; animation: ripple 2s linear 1s infinite;}
.discovery-call-icon .inner-row::after{ content: ""; position: absolute; z-index: 1; top: 0; left: 0; right: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.2); border-radius: 50%; animation: ripple 2s linear 1.5s infinite;}

.discovery-call-icon .inner-row span{ height: 28px; transition: var(--common-transition);}
.discovery-call-icon .inner-row span img{ height: 100%;}
.discovery-call-icon a:hover span{ transform: translate(5px , -5px);}

.we-work-section .title-wrap p:last-child{ margin-bottom: 0;}
.we-work-section .nav-tabs{ gap: 10px; border: 0 !important;}
.we-work-section .nav-tabs button { background: #E1E7FF; border: 0 !important; border-radius: 50px; padding: 10px 30px; color: var(--blue-color); font-family: var(--manrope); font-weight: var(--bold); text-align: center; transition: var(--common-transition); }
.we-work-section .nav-tabs button.nav-link.active, .we-work-section .nav-tabs button.nav-link:hover{ background: var(--blue-color); color: var(--white);}
.we-work-box-row ul{ margin: 0 -15px;}
.we-work-box-row li { width: 16.66%;  padding: 0 15px;}
.we-work-box-row li .inner-row{ height: 220px; gap: 20px; padding: 10px; background: var(--white); box-shadow: 0px 20px 40px 0px #033CCC1A; border-radius: 15px; position: relative; z-index: 3;}
.we-work-box-row .shadow-wrap { width: 100%; height: 30px; background: radial-gradient(50% 50% at 50% 50%, #033CCC 0%, rgba(3, 60, 204, 0) 100%); position: absolute; bottom: -15px; opacity: 0.35; }

.we-work-box-row li .inner-row .icon { height: 60px; }
.we-work-box-row li .inner-row .icon img { height: 100%; width: auto; }

.tab-pane.active .we-work-box-row li .inner-row{ animation: show-up 0.5s;}

.our-specialization .image-wraper { width: 50%; position: absolute; top: 0; left: 0; bottom: 0; }
.our-specialization .image-wraper img{ width: 100%; height: 100%; object-fit: cover;}
.our-specialization .image-wraper::before{ content: ""; background: linear-gradient(270deg, rgba(0, 17, 58, 0.2) 0%, rgba(0, 17, 58, 0.4) 23.26%, rgba(0, 17, 58, 0.6) 64.78%, rgba(0, 14, 48, 0.8) 100%); position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; }
.counter-sec .info-col{ max-width: 635px;}
.our-specialization .info-col *:not(.btn){ color: var(--white);}
.our-specialization .info-col .btn{ background: var(--btn-gradient) !important; color: var(--white) !important;}
.our-specialization .info-col .btn:hover{ background: var(--white) !important; color: var(--blue-color) !important;}
.our-specialization .info-col input[type="submit"]{ color: var(--white) !important;}
.our-specialization .info-col input[type="submit"]:hover{ color: var(--blue-color) !important;}
.happy-client-box{ padding-left: 30px;}
.worldwide-clinet-item-row ul::before{ content: ""; background: #F2F4FB; width: 100%; height: 20px; position: absolute; right: 0; bottom: 0; left: 0;}
.worldwide-clinet-item-row li { width: 33.33%; padding: 30px 75px 45px 75px; border-right: 1px solid #ADC5FF; border-bottom: 1px solid #ADC5FF;}
@media only screen and (min-width: 480px){
    .worldwide-clinet-item-row li:nth-child(3n+0){ border-right: 0;}
    .worldwide-clinet-item-row li:nth-child(3n+1){ padding-left: 0;}
}
.worldwide-clinet-item-row li:last-child{ border-right: 0;}
.worldwide-clinet-item-row li h3 { width: fit-content; font-family: 'TT Hoves Pro Trial medium'; color: #033CCC; margin-bottom: 8px; position: relative; }
.worldwide-clinet-item-row li h3 span.counter-plus { font-size: 20px; position: absolute; top: 0; right: -10px; }
.worldwide-clinet-item-row li p{ margin-bottom: 0; color: #656565;}

.title-wrap p:last-child{ margin-bottom: 0;}
.border-shadow-bottom{background: radial-gradient(50% 50% at 50% 50%, #033CCC 0%, rgba(3, 60, 204, 0) 100%); position: absolute; right: 0; bottom: -20px; left: 0; z-index: 1; width: 100%; height: 70px; opacity: 0.5;}

.articles-card .articles-card-inner { z-index: 2; border-radius: 5px; overflow: hidden; }
.articles-card .article-image { padding-bottom: 50%; border-radius: 5px; overflow: hidden;}
.articles-card .article-info { padding: 30px; }
.articles-card .article-info ul { display: flex; margin-bottom: 0; list-style: disc; list-style-position: inside; color: #656565;}
.articles-card .article-info ul li:not(:last-child){ padding-right: 10px;}
.articles-card .article-info .date-wrap p{ margin-bottom: 20px; color: var(--black);}
.articles-card .article-info .date-wrap p span{ color: #656565; margin-left: 5px;}
.articles-card  .content-wrap p{ margin-bottom: 0; color: #656565;}
.articles-card .article-info ul li:first-child { list-style: none; }

.main-footer{ background: url(../images/footer-bg.jpg); background-position: center !important; background-size: cover !important; background-repeat: no-repeat !important;}
.main-footer::before{ content: ""; background: url(../images/bg-design.png);     background-position: top center ; background-size: cover; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.3;}
.main-footer .top-footer *{ color: var(--white);}
.main-footer h5{ font-weight: var(--medium);}
.footer-about { max-width: 715px; }
.main-footer .title-border span{ border-color: var(--white);}
.contact-button{ margin-bottom: 30px;}
.footer-about .newsletter-{ max-width: 450px;}
.footer-about .newsletter- p{ margin-bottom: 10px; line-height: normal;}
.footer-about input[type="email"]{ width: calc(100% - 10px); padding-right: 45px; color: var(--body-color);}
.footer-about input[type="submit"] { width: 50px; height: 50px; background-color: #032888; background-image: url(../images/send.svg); background-size: 24px; background-position: center !important; background-repeat: no-repeat !important; padding: 0; border: 0; border-radius: 50%; font-size: 0; position: absolute; top: 0; right: 0; }
.quick-link-wrap ul{ display: flex; flex-wrap: wrap;}
.quick-link-wrap ul li{ width: 50%;}
.quick-link-wrap ul li a{ display: inline-block; padding: 10px 0;}
.quick-link-wrap ul li a:hover{ letter-spacing: 2px;}
.footer-contact li{ margin-bottom: 30px;}
.footer-contact li span{ display: block;}
.footer-contact .social-icon-wrap li{ margin-bottom: 0;}
.social-icon-wrap p{ margin: 0 15px 0 0;}
.social-icon-wrap li:not(:last-child){ margin-right: 10px;}
/* .social-icon-wrap li a:hover{ transform: translateY(5px);} */
.bottom-footer{ border-top: 1px solid #FFFFFF; padding: 42px 0;}
.bottom-footer *{ color: #555555;}
.bottom-footer .copy-right-row { gap: 30px; }
.bottom-footer .copy-right-row p{ margin-bottom: 0;}
.bottom-footer .policy-row{ gap: 55px;}
.bottom-footer .policy-row li{ position: relative;}
.bottom-footer .policy-row li:not(:last-child){ padding-right: 15px; margin-right: 10px;}
.bottom-footer .policy-row li:not(:last-child)::before { content: ""; background: #555555; width: 5px; height: 5px; border-radius: 50%; position: absolute; top: 11px; right: 0; }
.footer-chat a{ background: var(--white); box-shadow: 10px 10px 20px 0px #00000059; width: 50px; height: 50px; border-radius: 50%;}
.bottom-footer a:hover{ color: var(--white);}
@media only screen and (max-width: 1739px){
    .banner-hire-team-box .banner-hire-inner-team-box{ padding: 20px;}
    .banner-hire-team-box .hire-btn-wrap .btn{ padding: 12px 50px 12px 20px; background-position: right 20px center !important;}
    .worldwide-clinet-item-row li{ padding: 30px 65px 45px 65px;}
    .banner-hire-team-box h4 {font-size: 24px;}
    h1.title-border{letter-spacing: -0.04em;
    h4.title-border{font-size: 24px;}
    }
}
@media only screen and (max-width: 1599px){
    .hero-banner .banner-info .title-border span{ font-size: 48px;}
    .we-work-section .nav-tabs button{ padding: 10px 20px;}
    .worldwide-clinet-item-row li{ padding: 30px 45px 45px 45px;}
    .tab-wraper .button-item h4{ font-size: 26px;}
    .process-box h3{ font-size: 25px;}
    .footer-about { max-width: 545px; }
}
@media only screen and (max-width: 1399px){
    .hero-banner .banner-content-wraper { padding-right: 2%; }
    .certified-wraper{ padding-right: 10px;}
    .awards-wraper { padding-left: 10px; }
    .our-story-section .info-wraper { padding-left: 10px; }
    .ceo-profile{ width: 80px; height: 80px; margin-right: 15px;}
    .testimonial-box{ padding: 30px;}
    .trust-logo-row li{ width: 20%;}
    .tab-wraper .button-item{ padding: 20px 40px 20px;}
    .tab-wraper .button-item::before{ width: 20px; height: 20px; right: 15px; top: 24px;}
    .tab-wraper .button-item h4 { font-size: 22px; }
    .tab-wraper .button-item span{ top: 15px; left: 15px; font-size: 15px;}
    .tab-image{ padding-bottom: 65%;}
    .tab-info-box{ padding: 20px;}
    .portfolio-box { margin-bottom: 35px; }
    .link-row .arrow-wrap a{ width: 25px; height: 25px;}
    .process-box{ padding: 30px 0 30px 0;}
    .process-box .icon{ height: 40px;}
    .worldwide-clinet-item-row li{ padding: 30px 40px 45px 40px;}
    .articles-card .article-info { padding: 20px; }
    .footer-about { max-width: 460px; } 
}
@media only screen and (max-width: 1199px){
    .hero-banner{ padding: 150px 0 60px;}
    .hero-banner .banner-bg{ padding: 0 !important; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
    .hero-banner .container-holder{ position: relative; padding-top: 0;}
    .hero-banner .banner-info .title-border span{ font-size: 30px;}
    .banner-review-wraper li{ width: 33.33%; border: 0 !important; margin-bottom: 15px;}
    .testimonial-box .logo-wrap{ height: 40px;}
    .process-box h3{ font-size: 20px;}
    .we-work-box-row ul{ row-gap: 20px; margin: 0 -10px;}
    .we-work-box-row li{ width: 33.33%; padding: 0 10px;}
    .worldwide-clinet-item-row li { padding: 30px 20px 45px 20px; }
}
@media only screen and (max-width: 991px){
    .hero-banner .banner-content-wraper { padding-right: 0; margin-bottom: 25px; height: auto;}
    .hero-banner .banner-info{ margin-bottom: 25px;}
    .hero-banner .banner-info h1 br{ display: none;}
    .banner-review-wraper{ padding-top: 0; margin-bottom: 0;}
    .hire-btn-wrap ul { display: flex; flex-wrap: wrap; gap: 15px; }
    .banner-hire-team-box h4{ color: var(--white);}
    .banner-hire-team-box .title-border span{ border-color: var(--white);}
    .banner-hire-team-box .hire-btn-wrap li:not(:last-child){ margin-bottom: 0;}
    .banner-hire-team-box .hire-btn-wrap .btn { padding: 15px 45px 15px 15px; background-position: right 15px center !important; background-size: 15px !important; }
    .certified-wraper { padding-right: 0; border-right: 0; margin-bottom: 25px; }
    .certified-row li{ text-align: center;}
    .ceo-row{ margin-bottom: 25px;}
    .our-story-section  .info-wraper{ margin-top: 25px;}
    .our-story-section .info-wraper { padding-left: 0; }
    .testimonial-inner-wraper{ position: relative; padding-bottom: 25px;}
    .testimonial-section .left-col-row .info-wraper p:last-child{ margin-bottom: 0;}
    .testimonial-section .left-col-row{ height: inherit; margin-bottom: 25px;}
    .testimonial-section .slider-dots-box { position: absolute; bottom: 0; padding: 0; }
    .testimonial-box { padding: 25px 20px; }
    .testimonial-profile-row  .testimonial-profile { width: 60px; height: 60px; margin-right: 15px; }
    .testimonial-box .review-content, .testimonial-box .border-wrap{ margin-bottom: 30px;}
    .trust-logo-row li { width: 33.33%; }
    .services-section .service-nav-outer { margin-bottom: 30px; }
    .portfolio-box { margin-bottom: 25px; }
    .portfolio-box .portfolio-image.features-image{ padding-bottom: 78%;}
    .portfolio-box h5{ letter-spacing: 5px;}
    .industries-slider-wraper{ padding: 10px;}
    .industries-tab-image{ padding-bottom: 50%;}
    .discovery-call-section .info-wraper{ margin-bottom: 25px;}
    .discovery-call-icon{ width: 110px; height: 110px; margin-left: auto !important; margin-right: 0 !important;}
    .discovery-call-icon .inner-row span{ height: 20px;}
    .discovery-call-icon p{ font-size: 10px;}
    .we-work-section  .title-wrap{ margin-bottom: 25px;}
    .we-work-section .nav-tabs button{ font-size: 15px;}
    .our-specialization .image-wraper{ display: none;}
    .our-specialization .info-col{ margin-bottom: 25px;}
    .our-specialization .info-col *:not(.btn){ color: var(--blue-color);}
    .our-specialization .title-border span{ border-color: var(--blue-color);}
    .happy-client-box { padding-left: 0; }
    .articles-row .row { row-gap: 25px; }
    .main-footer h5{ font-size: 18px;}
    .footer-about { max-width: 100%; margin-bottom: 25px; }
    .footer-about .newsletter-{ max-width: 100%;}
    .bottom-footer{ padding: 20px 0; flex-wrap: wrap; gap: 10px; justify-content: center !important;} 
    .bottom-footer .copy-right-row { width: 100%; justify-content: center;}
}
@media only screen and (max-width: 767px){
    .hero-banner { padding: 130px 0 50px; }
    .hero-banner .banner-info .title-border span { font-size: 28px; }
    .testimonial-box .bottom-row { display: block !important; }
    .testimonial-box .bottom-row .testimonial-profile-row { margin-bottom: 15px;}
    .review-platform-wrap { margin-top: 5px; }
    .review-platform-wrap p{ margin: 0 10px 0 0;}
    .service-nav .slick-list { margin: -10px 0; }
    .service-nav .slick-slide { padding: 10px 0;}
    .services-section .tab-wraper .row{ flex-direction: column-reverse;}
    .services-section .service-nav-outer{ margin-top: 30px; margin-bottom: 0;}
    .tab-image { padding-bottom: 85%; }
    .tab-wraper .button-item h4 { font-size: 20px; }
    .industries-nav-slider .item-row .icon{ width: 40px; height: 40px; margin-right: 10px;}
    .worldwide-clinet-item-row li { padding: 25px 20px 25px 20px; }
    .trust-logo-row li{ height: 160px;}
    .we-work-section ul.nav.nav-tabs { justify-content: center !important; }
    .we-work-box-row li .inner-row{ height: 160px;}
    .process-box h3{ font-size: 18px;}
    .artical-section  .title-wrap{ margin-bottom: 25px;}
    .artical-section .button-wrap { text-align: start !important; }
    .quick-link-wrap{ margin-bottom: 25px;}
    .main-footer::before { background-size: 150%; background-repeat: no-repeat !important; }
    .footer-contact li { margin-bottom: 20px; }
    .bottom-footer .copy-right-row{ flex-wrap: wrap; gap: 15px;}
    .bottom-footer .copy-right-row .footer-sticker{ width: 100%; text-align: center;}
    .bottom-footer .policy-row { gap: 25px; }
}
@media only screen and (max-width: 575px){
    .certified-row li{ width: 50%;}
    .ceo-row .ceo-col{ width: 100%;}
    .testimonial-box .bottom-row { flex-wrap: wrap; gap: 20px;}
    .review-platform-wrap{ width: 100%;}
    .review-platform-wrap .logo .google-image{ height: 30px;}
    .services-section .tab-info-wraper { padding: 30px 15px; }
    .service-tab .slick-track{ display: flex;}
    .service-tab .slick-slide{ height: inherit;}
    .tab-image{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 0;}
    .services-section .tab-info-box { position: relative; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%;}
    .we-work-box-row li{ width: 50%;}
    .our-specialization .info-col input[type="submit"]{ padding: 15px 20px;}
}
@media only screen and (max-width: 479px){
    .hero-banner .button-row ul{ gap: 15px;}
    .hero-banner .button-row li{ width: 100%;}
    .banner-review-wraper li{ width: 50%;}
    .banner-hire-team-box .banner-hire-inner-team-box { padding: 15px; }
    .ceo-profile{ width: 65px; height: 65px;}
    .testimonial-box { padding: 25px 15px; }
    .testimonial-box .review-content, .testimonial-box .border-wrap{ margin-bottom: 25px;}
    .trust-logo-row li{ height: 100px;}
    .service-nav-outer::before{ height: 35%;}
    .tab-wraper .button-item::before{ top: 20px;}
    .tab-wraper .button-item h4 { font-size: 18px; }
    .tab-wraper .button-item span{ font-size: 13px;}
    .tab-info-box { padding: 20px 15px; }
    .portfolio-box .portfolio-image{ border-radius: 20px;}
    .portfolio-box h5{ letter-spacing: 3px;}
    .link-row .arrow-wrap a { width: 20px; height: 20px; }
    .industries-tab-box .link-row{ padding: 20px 15px;}
    .industries-tab-image { padding-bottom: 80%; }
    .process-box { padding: 25px 0px 25px; }
    .process-box .icon { height: 35px; }
    .worldwide-clinet-item-row li{ width: 50%;}
    .worldwide-clinet-item-row li:nth-child(2n+0){ border-right: 0;}
    .worldwide-clinet-item-row li:nth-child(2n+1){ padding-left: 0;}
    .articles-card .article-info { padding: 20px 15px; }
    .bottom-footer .policy-row { flex-wrap: wrap; gap: 15px; }
    .bottom-footer .policy-row ul{ width: 100%; justify-content: center;}
    .footer-chat a { position: absolute; z-index: 2; bottom: 8px; right: 8px; width: 40px; height: 40px; padding: 10px; }  
}
/* home-page end----------- */

/* ========== Inner-Page Start ========== */
.inner-banner .banner-bg { padding-bottom: 39.4%; }
.inner-banner .banner-content-wraper { padding-right: 0; max-width: 800px; }
.inner-banner .banner-info{ margin-bottom: 0; }
.inner-banner .banner-info p{ font-size: 24px; font-weight: 400; padding-right: 6%; }
.inner-banner .banner-info p:last-child{ margin-bottom: 0; }

/* ======= Service Page Start ======== */
.service-section{ background-color: #F2F4FB; }
.section-top-bg:after{ content: ''; position: absolute; left: 0; right: 0; top: -22vw; z-index: 1; width: 100%; height: 52vw; background: radial-gradient(50% 50% at 50% 50%, #033CCC 0%, rgba(3, 60, 204, 0) 100%); opacity: 25%; border-radius: 100%; }
.service-info .service-item{ margin-bottom: 100px; }
.service-info .service-item:last-child{ margin-bottom: 0; }
.service-info .service-item:nth-child(even){ flex-direction: row-reverse; }

.service-section .service-title{ max-width: 1025px; margin: 0 auto; padding-bottom:80px;}
.service-section .service-title h3{ max-width: 718px; margin: 0 auto 30px; }
.service-info .service-image-main::after { content: ''; width: 100%; height: 100px; position: absolute; left: 0; right: 0; bottom: -50px; background: radial-gradient(50% 50% at 50% 51%, #033CCC 0%, rgba(3, 60, 204, 0) 100%); background-repeat: no-repeat; background-size: 100% 100%; opacity: 25%; z-index: 1; }
.service-info .service-image{ position: relative; padding-bottom: 64.4%; border-radius: 20px; border: 20px solid var(--white); z-index: 2; }
.service-info .service-image img{ width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: 10px; }
.service-info .service-desc { margin-left: 70px; margin-bottom: 0;}
.service-desc .development-list{ flex-wrap: wrap; gap: 10px; margin-bottom: 30px;}
.service-desc .development-list ul{ width: calc(50% - 5px); }
.service-desc .development-list ul li{ font-family: 'TT Hoves Pro Trial medium'; color: var(--body-color); position: relative; margin-bottom: 10px; padding-left: 30px; }
.service-desc .development-list ul li:last-child{ margin-bottom: 0; }
.service-desc .development-list ul li:after{ content: ''; position: absolute; left: 0; top: 50%; z-index: 1; transform: translateY(-50%); width: 20px; height: 20px; background-image: url(../images/check-icon.svg); background-repeat: no-repeat; }
.service-info .service-item:nth-child(even) .service-desc{ margin-left: 0; margin-right: 70px; }

.service-discovery .info-wraper h5{ font-weight: 600; color: var(--white); }
.service-discovery .info-wraper ul li a{ font-family: 'TT Hoves Pro Trial medium'; font-size: 30px;   }
.service-discovery.common-banner-design::before{ background: url(../images/service-bg-design.png); }
.service-portfolio{ background: #F2F4FB; }
.service-portfolio .section-title{ max-width: 785px; margin: 0 auto; }
.service-review{ max-width: 1360px; margin: 0 auto; }
.service-review li{ width: 20%; height: 220px; background: var(--white); box-shadow: 0px 20px 40px 0px #033CCC1A; border-radius: 15px; position: relative; display: flex; align-items: center; justify-content: center; margin: 0 15px; }
.service-review li::after{  content: ''; width: 100%; height: 30px; position: absolute; left: 0; right: 0; bottom: -15px; background: radial-gradient(50% 50% at 50% 50%, #033CCC 0%, rgba(3, 60, 204, 0) 100%);; background-repeat: no-repeat; background-size: 100% 100%; opacity: 25%; z-index: -1; }
.page-template-service .discovery-call-section h3.title-border{ margin-bottom: 25px !important;}
.page-template-service .discovery-call-section h5{ margin-bottom: 8px;}

@media only screen and (max-width: 1599px){
    .inner-banner .banner-info p{ font-size: 20px;}
    .service-discovery .info-wraper ul li a{ font-size: 26px;}
}
@media only screen and (max-width: 1399px){
    .service-info .service-desc{ margin-left: 30px;}
    .service-info .service-item:nth-child(even) .service-desc{ margin-right: 30px;}
}
@media only screen and (max-width: 1199px){
    .inner-banner .banner-info p{ font-size: 18px; padding-right: 0;}
    .service-info .service-item { margin-bottom: 80px; }
    .service-info .service-desc{ margin-left: 10px;}
    .service-info .service-item:nth-child(even) .service-desc{ margin-right: 10px;}
    .service-discovery .info-wraper ul li a{ font-size: 20px;}
    .service-review li{ height: 180px;}
}
@media only screen and (max-width: 991px){
    .inner-banner .banner-content-wraper{ margin-bottom: 0;}
    .service-info .service-item { margin-bottom: 30px; }
    .service-info .service-desc{ margin-left: 0;}
    .service-desc .development-list{ margin-bottom: 25px;}
    .service-info .service-item:nth-child(even) .service-desc{ margin-right: 0;}
    .service-info .service-image{ border-width: 15px; margin-bottom: 25px;}
    .service-review ul { flex-wrap: wrap; gap: 16px; justify-content: center; }
    .service-review li { width: calc(33.33% - 11px); margin: 0; }
}
@media only screen and (max-width: 767px){
    .inner-banner .banner-info p{ font-size: 17px;}
}
@media only screen and (max-width: 575px){
    .service-info .service-image{ border-width: 10px;}
    .service-desc .development-list ul{ width: 100%;}
    .service-discovery .info-wraper ul li a { font-size: 18px; }
    .service-review ul{ gap: 10px;}
    .service-review li{ width: calc(50% - 5px);}
}
/* ======= Service Page End ======== */




/* ========== industry-listing-Page Start ========== */
/* .software-solutions-section{ padding-bottom: 86px; } */
.software-solutions-section::before{ content: ""; background-color:var(--fade-bg); position: absolute; top: 0; right: 0; left: 0; width: 100%; height: 100%; }
.software-solutions-section .section-title{ max-width: 800px; margin: 0 auto; }
.software-solutions-col{ padding-bottom: 24px; }
.software-solutions-item{ transition: all 0.5s ease 0s; overflow: hidden; }
.software-solutions-item .image{ position: relative; padding-bottom: 105.2%; border: 10px solid var(--white); border-radius: 30px; overflow: hidden; } 
.software-solutions-item .image img{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 20px; }
.software-solutions-item .image:after{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(47, 47, 47, 0) 0%, rgba(0, 0, 0, 0.9) 100%); }
.software-solutions-item .image-desc { position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; padding: 40px;  transition: all 0.5s ease 0s; }
.software-solutions-item .image-desc h3{ color: var(--white); font-weight: 400; margin-bottom: 10px; transition: all 0.5s ease 0s; }
.software-solutions-item .image-desc p{  transition: all 0.5s ease 0s;  }
.software-solutions-item .image-desc p:last-child{ margin-bottom: 0; }
.software-solutions-item .image-desc .image-content{ max-height: 0; opacity: 0; visibility: hidden; overflow: hidden; transition: all 0.5s ease 0s; }
.software-solutions-item:hover .image-desc .image-content{ max-height: 600px; opacity: 1; visibility: visible;}
.software-solutions-item .image-desc .image-content h4{ font-size: 18px; font-weight: 600; color: var(--white); margin-bottom: 10px;}
.software-solutions-item .image-desc .image-content ul{ margin: 0; padding: 0; list-style: none;}
.software-solutions-item .image-desc .image-content ul li:not(:last-child){ margin-bottom: 5px;}
.software-solutions-item .image-desc .image-content ul li a{ display: block; position: relative; color: var(--white); padding-left: 25px;}
.software-solutions-item .image-desc .image-content ul li a::before{ content: ""; position: absolute; top: 3px; left: 0; background: url(../images/web-icon.svg) top left no-repeat; background-size: 100%; width: 18px; height: 18px;}

.software-solutions-flip { padding-bottom: 24px; }
.solutions-flip-box { background-color: transparent; height: 100%; perspective: 1000px; }
.solutions-flip-box::after { content: ''; width: 100%; height: 64px; position: absolute; left: 0; right: 0; bottom: -15px; background: radial-gradient(50% 50% at 50% 50%, #033CCC 0%, rgba(3, 60, 204, 0) 100%); background-repeat: no-repeat; background-size: 100% 100%; filter: blur(10px); opacity: 25%; z-index: -1; transition: transform 0.8s; }
.solutions-flip-box-inner { position: relative; width: 100%; height: 100%; transition: transform 0.8s; transform-style: preserve-3d; }
.solutions-flip-box-front, .solutions-flip-box-back { width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden;  box-shadow: 0px 20px 40px 0px #033CCC1A; min-height: 500px; }
.solutions-flip-box-front { background: #F2F4FB; border: 10px solid #FFF; border-radius: 30px; padding: 50px 40px; }
.solutions-flip-box-back { position: absolute; background: radial-gradient(50% 167.76% at 100% 100%, #0037CD 0%, #032888 100%); border: 10px solid #FFF; border-radius: 30px; padding: 50px 40px;  transform: rotateY(180deg); top: 0; display: flex; }

.solutions-flip-box-front .solutions-flip-image { width: 173px; height: 173px; border-radius: 50%; overflow: hidden; margin: 0 auto 30px; }
.solutions-flip-box-front p:last-child { margin-bottom: 0;}
.solutions-flip-box-front * { text-align: center; }
.solutions-flip-box-front ul li a { color: var(--body-color); }

.solutions-flip-box-back::before { content: ""; background: url(../images/bg-design.png); background-position: top center; background-size: cover; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; }
.solutions-flip-box-back *{ color: #FFF; }
.solutions-flip-box-back h4{ font-size: 18px; font-weight: 600; color: var(--white); margin-bottom: 10px; } 
.solutions-flip-box-back .solutions-back-inner { z-index: 1; position: relative; margin: auto; }
.solutions-flip-box-back ul li:not(:last-child) { margin-bottom: 5px; }
.solutions-flip-box-back ul li a { display: block; position: relative; padding-left: 25px; }
.solutions-flip-box-back ul li a::before { content: ""; position: absolute; top: 3px; left: 0; background: url(../images/web-icon.svg) top left no-repeat; background-size: 100%; width: 18px; height: 18px; }

.solutions-flip-box:hover .solutions-flip-box-inner { transform: rotateY(180deg); }
.solutions-flip-box:hover::after { transform: rotateY(180deg); }

@media only screen and (max-width: 1599px){

.solutions-flip-box-front { padding: 40px 30px; }

}
@media only screen and (max-width: 1399px){
    .software-solutions-item .image-desc{ padding: 25px 30px;}

    .solutions-flip-box-front { padding: 25px 20px; }
    .solutions-flip-box-front .solutions-flip-image { width: 140px; height: 140px; margin: 0 auto 20px; }
    .solutions-flip-box-front h3 { margin-bottom: 20px; }
    .solutions-flip-box-front, .solutions-flip-box-back { min-height: 460px; }
}
@media only screen and (max-width: 1199px){
    .software-solutions-item .image{ padding-bottom: 115%; border-width: 5px;}
    .software-solutions-item .image-desc { padding: 15px 20px; }
    .software-solutions-item .image-desc .image-content{ font-size: 15px;}
}
@media only screen and (max-width: 991px){
    .software-solutions-item .image-desc .image-content{ max-height: 100%; opacity: 1; visibility: visible;}
}
@media only screen and (max-width: 767px){
    .software-solutions-item .image{ padding-bottom: 100%;}
    .software-solutions-item .image-desc { padding: 15px 20px 25px; }

    .solutions-flip-box-front { padding: 25px 15px; }
    .solutions-flip-box-front, .solutions-flip-box-back { min-height: 400px; }
}





/* ========== industry-listing-Page End ========== */

/* ========== Technologies-Page Start ========== */
.bg-light{ background-color: var(--fade-bg) !important; }
.technologies-section .section-title{ max-width: 600px; margin: 0 auto; padding-bottom: 15px; }
.technologies-info .technologies-item{ background: var(--white); box-shadow: 0px 20px 40px 0px #033CCC1A; height: 100%; border-radius: 15px; padding: 50px; }
.technologies-col{ margin-bottom: 30px; }
.technologies-item .technologies-icon{ width: 80px; height: 80px; padding: 15px; border: 1px solid #0033BB; border-radius: 100%; display: flex; align-items: center; justify-content: center; } 
.technologies-item .technologies-icon-desc{ width: calc(100% - 80px); padding-left: 30px; }
.technologies-item .technologies-icon-desc h4{ font-size: 30px; color: var(--body-color); }
.technologies-item .technologies-icon-desc p:last-child{  margin-bottom: 0; }

.technologies-specialization{ padding: 65px 0; }
.corporate-info{ margin-left: 16%; }
.corporate-info .accordion-item { background: none; border-left: 0; border-right: 0; border-top: 0; border-bottom: 1px solid #B3C6D1; border-radius: 0; margin-bottom: 40px;  }
.corporate-info .accordion-item:last-child{ margin-bottom: 0; }
.corporate-info .accordion-item .accordion-button { font-size: 24px; color: var(--black); text-transform: capitalize; background: none; border: 0; outline: none; box-shadow: none; padding: 10px 0; }
.corporate-info .accordion-button:not(.collapsed)::after, .accordion-button::after { background-image: unset !important; }
.corporate-info .accordion-body{ padding: 0 0 10px; }
.corporate-info .accordion-button:not(.collapsed){ color: #0132B7; }
.corporate-info .accordion-body p:last-child{ margin-bottom: 0; }
@media only screen and (max-width: 1599px){
    .technologies-item .technologies-icon-desc h4{ font-size: 26px;}
    .corporate-info .accordion-item .accordion-button{ font-size: 20px;}
}
@media only screen and (max-width: 1399px){
    .technologies-info .technologies-item{ padding: 30px;}
    .technologies-item .technologies-icon{ width: 60px; height: 60px;}
    .technologies-item .technologies-icon-desc{ width: calc(100% - 60px);  padding-left: 20px;}
    .technologies-item .technologies-icon-desc h4{ font-size: 22px;}
    .corporate-info { margin-left: 10%; }
}
@media only screen and (max-width: 1199px){
    .corporate-info .accordion-item .accordion-button{ font-size: 18px;}
    .corporate-info { margin-left: 5%; }
}
@media only screen and (max-width: 991px){
    .technologies-item .technologies-icon { width: 50px; height: 50px; }
    .technologies-item .technologies-icon-desc { width: calc(100% - 50px); padding-left: 12px; }
    .technologies-info .technologies-item { padding: 25px 15px; }
    .corporate-info .accordion-item{ margin-bottom: 20px;}
    .corporate-info { margin-left: 0; }
    
}
@media only screen and (max-width: 767px){
    .technologies-col { margin-bottom: 25px; }
    .technologies-item .technologies-icon-desc h4{ font-size: 20px;}
    .corporate-info .accordion-item .accordion-button{ font-size: 17px;}
}
@media only screen and (max-width: 479px){
    .technologies-info .technologies-item{ flex-wrap: wrap; text-align: center;}
    .technologies-item .technologies-icon{ margin: 0 auto 20px;}
    .technologies-item .technologies-icon-desc { width: 100%; padding-left: 0; }
    .technologies-item .technologies-icon-desc h4{ font-size: 18px;}
}

/* ========== Technologies-Page End ========== */

/* ========== portfolio-Page Start ========== */
.our-treasure-sec{ background: var(--fade-bg); }
.our-treasure-sec .section-title{ max-width: 780px; margin: 0 auto; }
.our-treasure-logo-info ul{ justify-content: center; flex-wrap: wrap; gap: 25px;}
.our-treasure-logo-info ul li { width: calc(14.28% - 21.4px); position: relative; }
.our-treasure-logo-info ul li:last-child{ margin-right: 0; }
.our-treasure-logo-info ul li a{ width: 100%; height: 188px; background: var(--white); display: flex; align-items: center; justify-content: center; box-shadow: 0px 20px 40px 0px #033CCC1A; border-radius: 15px;  padding: 20px;} 
.our-treasure-logo-info ul li::after { content: ''; width: 100%; height: 30px; position: absolute; left: 0; right: 0; bottom: -15px; background: radial-gradient(50% 50% at 50% 50%, #033CCC 0%, rgba(3, 60, 204, 0) 100%); background-repeat: no-repeat; background-size: 100% 100%; opacity: 25%; z-index: -1; }
.portfolio-testimonial{ border-width: 0px, 0px, 0px, 0px; border-style: solid; border-image-source: linear-gradient(90deg, #FFFFFF 0%, #ADC5FF 49.5%, #FFFFFF 100%);  }
@media only screen and (max-width: 1399px){
    .our-treasure-logo-info ul{ gap: 20px;}
    .our-treasure-logo-info ul li{ width: calc(20% - 15px);}
}
@media only screen and (max-width: 991px){
    .our-treasure-logo-info ul li { width: calc(33.33% - 13.4px); }
}
@media only screen and (max-width: 767px){
    .our-treasure-logo-info ul li a{ height: 160px;}
}
@media only screen and (max-width: 479px){
    .our-treasure-logo-info ul { gap: 10px; }
    .our-treasure-logo-info ul li{ width: calc(50% - 5px);}
}
/* ========== portfolio-Page End ========== */

/* ========== portfolio-details-Page Start ========== */
.no-banner{ padding-top: 12%; }
.portfolio-details-sec{ padding-bottom: 100px; }
.portfolio-details-top-info{ background: var(--white); border-radius: 30px; padding: 30px; margin-bottom: 30px; }
.portfolio-details-top-info .bg-img{ position: relative; padding-bottom: 48.7%; border-radius: 30px; overflow: hidden; margin-bottom: 40px; }
.portfolio-details-top-info .bg-img img{ width: 100%; height: auto; object-fit: cover; position: absolute; left: 0; right: 0; top: 0; bottom: 0;  }
.portfolio-details-top-info .image-desc{ padding-bottom: 45px; }
.portfolio-details-top-info .image-desc p{ color: #656565; margin-bottom: 15px; }
.portfolio-details-top-info .image-desc p a{ color: #41B0FE; }
.portfolio-details-top-info .image-desc h3{ color: var(--body-color); margin-bottom: 0;}
.portfolio-detail-content-item{ border: 1px solid #ADC5FF; border-radius: 20px; padding: 30px; }
.portfolio-detail-content-item h5{ color: #0033BA; margin-bottom: 20px; }
.portfolio-detail-content-item p{ color: var(--body-color); }
.portfolio-detail-content-item p:last-child{ margin-bottom: 0; }
.portfolio-details-top-wrap:after{ content: ''; position: absolute; left: 0; right: 0; bottom: -44px; z-index: 1; width: 100%; height: 78px; background: radial-gradient(50% 50% at 50% 50%, #033CCC 0%, rgba(3, 60, 204, 0) 100%); opacity: 25%; border-radius: 100%; }

.portfolio-visuals-sec{ padding-bottom: 60px; }
.portfolio-visuals-slider .image{ position: relative; padding-bottom: 65.1%; border-radius: 20px; overflow: hidden; }
.portfolio-visuals-slider .image img{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; }
.portfolio-visuals-slider .item:after{ content: ''; position: absolute; left: 0; right: 0; bottom: -44px; z-index: 1; width: 100%; height: 78px; background: radial-gradient(50% 50% at 50% 50%, #033CCC 0%, rgba(3, 60, 204, 0) 100%); opacity: 25%; border-radius: 100%; }
.portfolio-visuals-slider .slick-list{ margin: 0 -15px; }
.portfolio-visuals-slider .item{ margin: 0 20px 40px; position: relative;  }
.portfolio-visuals-slider .slick-next { background-image: url(../images/right-arrow.svg); background-repeat: no-repeat; width: 30px; height: 34px; background-size: 100%; right: -50px; }
.portfolio-visuals-slider .slick-prev { background-image: url(../images/left-arrow.svg); background-repeat: no-repeat; width: 30px; height: 34px; background-size: 100%; left: -50px; }

.portfolio-discovery .info-wraper.section-title{ margin: 0; padding: 0;}
.portfolio-visuals-slider .slick-arrow::before{ display: none; }
/* .portfolio-discovery .info-wraper ul li{ margin-right: 30px; } */
.portfolio-discovery .info-wraper ul{ gap: 30px; flex-wrap: wrap;}
.portfolio-discovery .info-wraper ul li:last-child{ margin-right: 0; }
.portfolio-discovery .info-wraper ul li a{ font-size: 16px; color: var(--body-color); width: 240px; height: 80px; background-color: var(--white); border-radius: 15px; display: flex; align-items: center; text-align: center; justify-content: center; }


.portfolio-template-default .portfolio-section.service-portfolio { background: #ffffff; }
.portfolio-template-default .portfolio-section.service-portfolio.section-top-bg:after{ display: none;}
.row.portfolio-detail-content { row-gap: 25px; }
@media only screen and (max-width: 1399px){
    .portfolio-details-top-info{ padding: 20px;}
    .portfolio-detail-content-item{ padding: 20px;}
    .portfolio-visuals-slider { padding: 0 40px; }
    .portfolio-visuals-slider .slick-prev{ left: 0;}
    .portfolio-visuals-slider .slick-next{ right: 0;}
}
@media only screen and (max-width: 1199px){
    .portfolio-details-sec{ padding-bottom: 80px;}
    .portfolio-visuals-sec{ padding-bottom: 40px; }
}
@media only screen and (max-width: 991px){
    .no-banner{ padding-top: 140px;}
    .portfolio-details-sec{ padding-bottom: 60px;}
    .portfolio-details-top-info .bg-img{ margin-bottom: 25px;}
    .portfolio-details-top-info { padding: 15px; }
    .portfolio-details-top-info .image-desc { padding-bottom: 25px; }
    .portfolio-visuals-sec{ padding-bottom: 20px; }
    .portfolio-discovery .info-wraper ul{ gap: 20px;}
}
@media only screen and (max-width: 767px){
    .portfolio-details-sec{ padding-bottom: 50px;}
    .portfolio-detail-content-item { padding: 20px 15px; }
    .portfolio-visuals-sec{ padding-bottom: 10px; }
    .portfolio-visuals-slider { padding: 0 20px; }
    .portfolio-visuals-slider .slick-prev, .portfolio-visuals-slider .slick-next{ width: 20px; height: 20px;}
}
@media only screen and (max-width: 479px){
    .no-banner { padding-top: 120px; }
    .portfolio-details-top-info .bg-img{ padding-bottom: 60%;}
}
/* ========== portfolio-details-Page End ========== */

/* ========== Our-Process-Page Start ========== */
.nav-tabs-wraper::-webkit-scrollbar { height: 5px; border-radius: 10px; }
.nav-tabs-wraper::-webkit-scrollbar-track { background-color: #0033ba57; }
.nav-tabs-wraper::-webkit-scrollbar-thumb { background-color: var(--blue-color); outline: 1px solid var(--blue-color); border-radius: 10px; }
.our-process-tab .nav-tabs-wraper{ padding: 0 0 30px;}
.nav-tabs-wraper { scroll-snap-type: x proximity;  overflow-x: auto; overflow-y: hidden;}
.nav-tabs-wraper .nav-tabs-holder{  min-width: max-content;}
.our-process-tab .nav-tabs{ border: 0; gap: 20px; flex-wrap: nowrap;}
/* .our-process-tab .nav-tabs:after{ content: ''; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); width: 97%; height: 2px; background-color: var(--white); margin: 0 auto; } */
.our-process-tab .nav-item { display: inline-flex; flex-direction: column; width: calc(12.5% - 22px); min-width: 140px; position: relative; }
.our-process-tab .nav-item::before { content: ''; position: absolute; left: auto; right: -30px; top: auto; bottom: 45px; width: 50px; height: 2px; background-color: var(--white); margin: 0 auto; }
.our-process-tab .nav-item:last-child::before{ display: none;}
.our-process-tab .nav-item .phase-wrap { color: #0033BA; line-height: normal; margin-bottom: 14px; }

.our-process-tab .nav-item .nav-link{ width: 100%; height: 100px; display: flex; align-items: center; justify-content: center; background: var(--white); box-shadow: 0px 20px 40px 0px #033CCC1A;
    color: #0034BF; text-align: left; border: 0; text-transform: capitalize; border-radius: 15px; margin-top: auto; padding: 20px; position: relative; z-index: 3; }
.our-process-tab .nav-item:after{ content: ''; position: absolute; left: 0; right: 0; bottom: -13px; z-index: 1; width: 100%; height: 26px; background: radial-gradient(50% 50% at 50% 50%, #033CCC 0%, rgba(3, 60, 204, 0) 100%); opacity: 25%; border-radius: 100%; }
.our-process-tab .nav-item .nav-link span{ display: inline-block; color: #0034C2; font-weight: 700; margin-right: 15px; }
.our-process-tab .nav-item .nav-link.active{ background: radial-gradient(50% 167.76% at 100% 100%, #0037CD 0%, #032888 100%); color: var(--white); }
.our-process-tab .nav-item .nav-link.active span{ color: var(--white); }
.our-process-tab  .tab-content { margin-top: 25px; }

.our-process-tab-content{ background: var(--white); border-radius: 30px; box-shadow: 0px 20px 40px 0px #033CCC1A; padding: 50px; }
.our-process-tab-content h3{ margin-bottom: 50px; }
.our-process-tab-content h5{ color: #032888;  }
.our-process-tab-content ul { list-style: disc; margin-bottom: 30px; padding-left: 32px; }
.our-process-tab-content h6{ font-size: 16px; }
.our-process-tab-content .google-sheet-btn{ width: 200px; height: 60px; background: #F5F8FF; border-radius: 20px; display: flex; align-items: center; justify-content: center; }
.our-process-tab-content .image-wraper{ position: relative; padding-bottom: 60%; border-radius: 10px; overflow: hidden;}
.our-process-tab-content .image-wraper img{ position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.our-process-hire-btn{ margin-top: 30px; }
@media only screen and (max-width: 1599px){
    .our-process-tab .nav-tabs{ gap: 15px;}
    .our-process-tab .nav-item .nav-link{ padding: 10px 15px; font-size: 15px;}
    .our-process-tab .nav-item .nav-link span{ margin-right: 10px;}
    .our-process-tab .nav-item .phase-wrap{ font-size: 14px;}
    .our-process-tab-content{ padding: 30px;}
    .our-process-tab-content p:has(.google-sheet-btn){ margin-bottom: 0;}
}
@media only screen and (max-width: 1399px){
    .our-process-tab .nav-item .phase-wrap { font-size: 12px; }
    .our-process-tab .nav-item .nav-link{ height: 85px;}
}
@media only screen and (max-width: 1199px){
    .nav-tabs-wraper{ scrollbar-width: none;}
    .our-process-tab-content{ padding: 25px 20px;}
}
@media only screen and (max-width: 991px){
    .our-process-tab .nav-item{ min-width: 180px;}
    .our-process-tab-content .image-wraper{ margin-bottom: 25px;}
    .our-process-tab-content h3{ margin-bottom: 25px;}
    .our-process-tab-content ul{ margin-bottom: 25px;}
}
@media only screen and (max-width: 767px){
    .our-process-tab-content { padding: 25px 15px; }
    .our-process-tab-content ul{ padding-left: 16px;}
}
@media only screen and (max-width: 479px){
    .our-process-tab .nav-item { min-width: 160px; }
}
/* ========== Our-Process-Page Start ========== */

/* Blog Start */
.article-tab { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 40px; }
.article-tab ul { display: flex; align-items: center; gap: 8px; }
.article-tab ul li a { display: block; padding: 10px 30px; border: 1.5px solid #032888; border-radius: 100px; font-weight: 700; color: #032888; }
.article-tab ul li a:hover, .article-tab ul li.active a{background: #032888; color: #fff;}
.latest-post .articles-card{margin-bottom: 30px;}
.latest-post .laod-more{margin-top: 10px;}
.article-search{max-width: 305px; width: 100%;}
.article-search form{ position: relative;}
/* .article-search form { width: 100%;  border-radius: 100px; padding: 9px 19px; } */
.article-search form input[type="text"] { background: #F2F4FB; border-radius: 50px; height: 42px; border: none; outline: none !important; color: #656565; width: 100%; padding: 2px 45px 2px 20px; }
.article-search form input[type="submit"] { border: none; background: transparent url(../images/search-arrow.svg) no-repeat center; text-indent: -9999999px; width: 24px; height: 24px; padding: 0; position: absolute; top: 8px; right: 15px; }

.blog-newsletter .title-border span { font-family: var(--ivy-mode-normal); font-style: italic; border-bottom: 1px solid #fff; }
.blog-newsletter .info-col { max-width: 633px; }
.blog-newsletter form .mc4wp-form-fields{ max-width: 634px; background: #fff; border-radius: 50px; display: flex; align-items: center; justify-content: space-between; }
.blog-newsletter form input[type="submit"] { background: var(--btn-gradient); border: none; padding: 15px 47px; border-radius: 30px; text-transform: capitalize; border: 1px solid var(--blue-color); margin-right: -3px; }
.blog-newsletter form input[type="submit"]:hover{background: #ffffff; color: var(--blue-color); }
.blog-newsletter form input[type="email"] { width: 100%; border: none; background: transparent; padding: 0 15px 0 30px; }
.trending-post{background: #F2F4FB;}

.our-specialization .mc4wp-response .mc4wp-alert { margin: 20px 20px 0; padding: 5px 10px; text-align: center; border: 2px solid transparent; font-size: 13px;}
.our-specialization .mc4wp-response p{ margin-bottom: 0;}
.our-specialization .mc4wp-response .mc4wp-alert.mc4wp-success{ border-color: #46b450;}
.our-specialization .mc4wp-response  .mc4wp-alert.mc4wp-error{ border-color: #ffb900;}


.trending-post .tab-wraper { background: #fff; border-radius: 20px; padding: 20px; box-shadow: 0px 10px 40px 0px rgba(3,60,240,0.10); -webkit-box-shadow: 0px 10px 40px 0px rgba(3,60,240,0.10); -moz-box-shadow: 0px 10px 40px 0px rgba(3,60,240,0.10); }
.trending-post .tab-info-box { background: rgba(0, 0, 0, 0.25); border-radius: 10px; backdrop-filter: blur(20px); padding: 30px; max-width: 100%; width: 100%; position: absolute; bottom: 0; left: 0; display: flex; align-items: center; justify-content: space-between;}
.trending-post .tab-image { padding-bottom: 73%; border-radius: 10px; overflow: hidden; }
.trending-post .tab-info-box .tab-info-box-lt .post-type { display: flex; flex-wrap: wrap; margin-bottom: 15px; gap: 14px; }
.trending-post .tab-info-box .tab-info-box-lt .post-type ul { display: flex; }
.trending-post .tab-info-box .tab-info-box-lt .post-type ul li:not(:first-child) { list-style: disc; }
.trending-post .tab-info-box .tab-info-box-lt .post-type ul li:not(:last-child){ padding-right: 14px; margin-right: 14px; }
.trending-post .tab-info-box h5 { max-width: 562px; }
.trending-post .service-nav-outer::before{display: none;}
.trending-post .tab-wraper .button-item { background: transparent; border-radius: 0 !important; padding: 20px 0; color: inherit; cursor: pointer; position: relative; transition: var(--common-transition); border-bottom: 1px solid #ccc; }
.trending-post .tab-wraper .button-item h5{width: fit-content;color: #252432; transition: var(--common-transition); border-bottom: 2px solid transparent;}
.trending-post .button-item .post-type { display: flex; flex-wrap: wrap; margin-bottom: 11px; gap: 10px; }
.trending-post .tab-wraper .post-type *{ color: #656565 !important;}
.trending-post .tab-info-box .post-type *{ color: var(--white) !important;}
.trending-post .button-item .post-type p.date{color: #41B0FE !important;}
.trending-post .button-item .post-type ul { display: flex; }
.trending-post .button-item .post-type ul li:not(:first-child) { list-style: disc; }
.trending-post .button-item .post-type ul li:not(:last-child){ padding-right: 14px; margin-right: 14px; }
.recent-blog-nav .button-item::before{ display: none;}
.trending-post .service-nav .slick-slide { padding: 0; }
.trending-post .tab-wraper .slick-current .button-item::before{display: none;}
.trending-post .tab-wraper .slick-current .button-item h5, .trending-post .tab-wraper .button-item:hover h5 { color: var(--blue-color); border-bottom: 2px solid var(--blue-color); }

@media only screen and (max-width: 1399px){
    .article-tab ul li a{ padding: 8px 22px;}
}
@media only screen and (max-width: 1199px){
    .related-blog-wrap .articles-card .article-info { padding: 20px 0; }
    .related-blog-wrap .articles-card .article-info p:last-child{ margin-bottom: 0;}
}
@media only screen and (max-width: 991px){
    .trending-post .tab-wraper .row{ flex-direction: column-reverse;}
    .trending-post .service-nav-outer{ margin-top: 20px;}
    .trending-post .tab-info-box{ padding: 20px;}
    .trending-post .tab-info-box a { width: 25px; height: 25px; flex:  0 0 auto;}
    .article-tab{ flex-wrap: wrap; margin-bottom: 25px;}
    .article-tab .nav-tabs-wraper{ width: 100%;}
    .latest-post .articles-card{ margin-bottom: 0;}
}
@media only screen and (max-width: 767px){
    .trending-post .tab-wraper{ padding: 15px;}
    .trending-post .tab-info-box { padding: 20px 15px; gap: 10px; }
    .trending-post .tab-info-box a { width: 20px; height: 20px; }
    .article-search{ max-width: 100%;}
    .related-blog-wrap .title-wrap{ margin-bottom: 0;}
}
@media only screen and (max-width: 575px){
    .trending-post .tab-info-box .tab-info-box-lt .post-type{ gap: 10px;}
    .trending-post .tab-image{ position: relative;}
    .article-search form input[type="submit"] { width: 20px; height: 20px; background-size: 100%; top: 10px; right: 12px; }
    .related-blog-wrap .articles-card .article-info{ padding: 20px 0;}
}
/* Blog end */

/* Blog Details Page Start */
.blog-details-section { background: #F2F4FB; padding-bottom: 70px;}
.each-blog-details{padding: 40px; border-radius: 30px; background: #ffffff; box-shadow: 0px 10px 40px 0px rgba(3,60,240,0.10); -webkit-box-shadow: 0px 10px 40px 0px rgba(3,60,240,0.10); -moz-box-shadow: 0px 10px 40px 0px rgba(3,60,240,0.10); margin-bottom: 30px; position: relative; z-index: 2;}
.each-blog-details img{ width: 100%; border-radius: 30px; overflow: hidden; margin-bottom: 30px;}
.each-blog-details h3{color: #252432;}
.each-blog-details h5{margin-bottom: 20px;}
.each-blog-details p{margin-bottom: 40px;}
.each-blog-details ul{list-style: disc; padding-left: 18px; margin-bottom: 40px;}
.each-blog-details ul li:not(:last-child){margin-bottom: 3px;}
.each-blog-details ul:last-child{margin: 0;}
.consult-box{padding: 50px; color: #ffffff; border-radius: 30px; margin-bottom: 40px; background: rgb(0,55,205); background: -moz-radial-gradient(circle, rgba(0,55,205,1) 100%, rgba(3,40,136,1) 100%); background: -webkit-radial-gradient(circle, rgba(0,55,205,1) 100%, rgba(3,40,136,1) 100%); background: radial-gradient(circle, rgba(0,55,205,1) 100%, rgba(3,40,136,1) 100%);}
.each-blog-details .consult-box img{ width: auto;}
.consult-box h3{color: #fff; margin-bottom: 12px;}
.consult-box h5{color: #fff; margin-bottom: 29px;}
.consult-box img { margin-bottom: 20px; border-radius: 0; }
.blog-type{ gap: 15px; flex-wrap: wrap;}
.blog-type ul { list-style: none; }
.blog-type ul li{color: #656565;}
.blog-type ul li:not(:last-child){ padding:0 10px 0 0; margin:0 10px 0 0; position: relative;}
.blog-type ul li:not(:last-child):after{ position: absolute; right: 0; top: 50%;transform: translateY(-50%); width: 3px; height: 3px; background: #656565; border-radius: 50%; content: ''; z-index: 1;}
.blog-type p{ color: #41B0FE;}
.blog-type{margin-bottom: 20px;}
.share ul{list-style: none; padding-left: 10px; gap: 10px;}
.share ul li a{color: #656565;}
.share ul li a:hover{color: var(--blue-color);}
.blog-details-rt-inner { max-width: 440px; padding-left: 21px; }
.blog-search { width: 100%; background: #fff; padding: 30px 40px; border-radius: 20px; position: relative; z-index: 2; margin-bottom: 30px;}
.blog-search form{ position: relative;}
.blog-search form input[type="text"]{ width: 100%; height: 42px; border: 1px solid #7194A350; outline: none !important; border-radius: 100px; padding: 2px 45px 2px 20px;}

.blog-search form input[type="submit"] { border: none; background: transparent url(../images/search-icon.svg) no-repeat center; text-indent: -9999999px; width: 24px; height: 24px; padding: 0; position: absolute; top: 8px; right: 15px; }
.blog-help{padding: 30px; background: #fff; box-shadow: 0px 20px 40px 0px rgba(3,60,204,0.10); -webkit-box-shadow: 0px 20px 40px 0px rgba(3,60,204,0.10); -moz-box-shadow: 0px 20px 40px 0px rgba(3,60,204,0.10); position: relative; z-index: 2; border-radius: 20px;}
.blog-help li a { padding: 10px 0; border-bottom: 1px dashed rgba(101,101,101,0.5); color: #252432; display: flex; align-items: center; gap: 13px; }
.blog-help li a:hover{color: #0032B9;}
.blog-help li:first-child a{padding-top: 0;}
.blog-help li:last-child a{border: none; padding-bottom: 0;}

.serch-blog-row { align-items: start; gap: 10px; flex-wrap: wrap; margin-top: 20px;}
.serch-blog-row .image-wrap { width: 90px; }
.serch-blog-row .info-wrap { width: calc(100% - 100px); }
.serch-blog-row .blog-type { gap: 7px; font-size: 12px; margin-bottom: 5px;}
.serch-blog-row .blog-type ul li:not(:last-child){ padding: 0 8px 0 0; margin: 0 6px 0 0;}
.serch-blog-row h5 { margin-bottom: 0; font-size: 16px; }
.serch-blog-row a{ color: var(--body-color);}

.related-blog-wrap .articles-card .articles-card-inner { z-index: 2; border-radius: 20px; overflow: hidden; padding: 10px; background: #fff; box-shadow: 0px 10px 40px 0px rgba(3,60,240,0.10); -webkit-box-shadow: 0px 10px 40px 0px rgba(3,60,240,0.10); -moz-box-shadow: 0px 10px 40px 0px rgba(3,60,240,0.10); }

.related-blog-wrap .articles-card .article-image { padding-bottom: 54%; border-radius: 15px; }
.related-blog-wrap .articles-card .article-info { padding: 20px 10px; }
.related-blog-wrap .articles-card .article-info .date-wrap p, .related-blog-wrap .big-body-font p { margin-bottom: 15px; }
.related-blog-wrap .articles-card .article-info .date-wrap p { color: #41B0FE; }
.related-blog-wrap .big-body-font p {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
@media only screen and (max-width: 1399px){
    .each-blog-details{ padding: 25px;}
    .blog-search{ padding: 25px 20px;}
    .blog-help{ padding: 25px;}
}
@media only screen and (max-width: 1199px){
    .each-blog-details { padding: 20px 15px; }
    .blog-details-rt-inner{ padding-left: 0;}
    .blog-search { padding: 20px 15px; }
    .blog-help { padding: 20px 15px; }
    .serch-blog-row .image-wrap{ width: 70px;}
    .serch-blog-row .info-wrap { width: calc(100% - 80px); }
}
@media only screen and (max-width: 991px){
    .each-blog-details p { margin-bottom: 25px; }
    .blog-help li a img { height: 20px; }
    .serch-blog-row .info-wrap { width: 100%; }
}
@media only screen and (max-width: 767px){
    .blog-details-rt-inner{ max-width: 100%;}
    .serch-blog-row .info-wrap { width: calc(100% - 80px); }
}
/* Blog Details Page end */

/* Contact Us Start */
.radial-gradient{position: relative;}
.radial-gradient::after { content: ''; width: 100%; height: 78px; position: absolute; left: 0; right: 0; bottom: -38px; background: radial-gradient(50% 50% at 50% 51%, #033CCC 0%, rgba(3, 60, 204, 0) 100%); background-repeat: no-repeat; background-size: 100% 100%; opacity: 35%; z-index: 1; }

.contact-wrap{background: #F2F4FB;}
.contact-info-inner { max-width: 677px; }
.contact-info h3 span, .contact-info p span { display: block; width: max-content; }
.contact-info p span a{text-decoration: underline; font-weight: var(--medium); color: #0033BB; font-family: 'TT Hoves Pro Trial medium';}
.contact-info-inner a{ word-break: break-all;}
.contact-info-box{padding: 30px; border-radius: 20px; background: #0033BB; margin-bottom: 30px; color: #fff;}
.contact-info-box li:not(:last-child) { margin-bottom: 20px; }
.contact-info-box ul { list-style: disc; padding-left: 23px; }
.contact-form-holder{padding: 40px; border-radius: 15px; box-shadow: 0px 10px 40px 0px rgba(3,60,240,0.10); -webkit-box-shadow: 0px 10px 40px 0px rgba(3,60,240,0.10); -moz-box-shadow: 0px 10px 40px 0px rgba(3,60,240,0.10); position: relative; background: #fff; z-index: 2;}

.contact-form-holder .form-control{ border: 1px solid #B2BFDF;}
.contact-form-holder .iti{ width: 100%;}
.contact-form-holder .iti--show-selected-dial-code .iti__selected-flag{ background-color: transparent !important;}
.contact-form-holder label, .contact-form-holder .countertext{ color: var(--black); font-family: 'TT Hoves Pro Trial medium'; margin-bottom: 10px;}
.form-control[type=file]{ border: 0; padding: 0; height: auto; color: var(--black);}
.form-control::file-selector-button { background: #00ADFE1A !important; border: 0; border-radius: 10px;  color: var(--black); margin: 0; padding: 5px 22px; margin-right: 10px;}
.wpcf7-list-item{ margin: 0;}
.wpcf7-list-item label { display: flex; gap: 10px; font-family: var(--tt-hoves); color: #656565; margin-bottom: 0;}
.wpcf7-list-item label input[type="checkbox"] { width: 20px; height: 20px; border: 2px solid #B3C6D1; border-radius: 5px; overflow: hidden; color: #B3C6D1; accent-color: #B3C6D1; margin-top: 3px;}

.wpcf7-not-valid{ border-color: #dc3232 !important;}
/* .wpcf7-not-valid-tip{ display: none;} */

.contact-form-holder .form-control::-moz-placeholder { color: #656565;}
.contact-form-holder .form-control:-ms-input-placeholder { color: #656565;}
.contact-form-holder .form-control::-webkit-input-placeholder { color: #656565;}

.map-section .section-title{margin-bottom: 30px;}
.map-holder{padding: 16px 16px 30px;box-shadow: 0px 10px 40px 0px rgba(3,60,240,0.10); -webkit-box-shadow: 0px 10px 40px 0px rgba(3,60,240,0.10); -moz-box-shadow: 0px 10px 40px 0px rgba(3,60,240,0.10); border-radius: 30px; background: #ffffff; position: relative; }
.map-holder.radial-gradient::after{ z-index: -1;}
.map-holder iframe{width: 100%; height: 648px; border-radius: 20px;}
.map-btm-info{flex-wrap: wrap; padding: 42px 5px 0;}
.map-btm-info h3{max-width: 920px;}
.map-btm-info .btn{margin-left: auto;}

@media only screen and (max-width: 1599px){
    .contact-form-holder{ padding: 30px;}
}
@media only screen and (max-width: 1399px){
    .map-btm-info h3{ max-width: calc(100% - 210px); padding-right: 20px;}
}
@media only screen and (max-width: 1199px){
    .map-holder iframe{ height: 450px;}
}
@media only screen and (max-width: 991px){
    .contact-info-box{ padding: 25px 20px;}
    .contact-form-holder{ padding: 25px 20px;}
    .contact-info-box{ margin-bottom: 25px;}
}
@media only screen and (max-width: 767px){
    .contact-info-box{ padding: 25px 15px;}
    .contact-info-box ul { padding-left: 10px; }
    .contact-form-holder { padding: 25px 15px; }
    .map-holder{ padding: 15px;}
    .map-btm-info{ flex-wrap: wrap; gap: 20px;}
    .map-btm-info h3{ max-width: 100%; padding-right: 0;}
    .map-btm-info .btn { margin-left: 0; }
}
@media only screen and (max-width: 479px){
    .contact-info-inner a{ display: block; width: fit-content;}
}

/* about us page start */
.our-story-wrap .our-story-section:nth-child(even) .row { flex-direction: row-reverse; }
.our-story-wrap .our-story-section:nth-child(even) .info-wraper { padding-left: 0; padding-right: 35px; }
.our-mission-sec .info-wrap p{ width: calc(50% - 40px);}
.about-us-review-sec{ background: #F2F4FB;}
.about-us-common-bg::before{ background-image: url(../images/about-us-common-bg.svg);}

.page-template-about_us .review-sec { background: #F2F4FB;}

.team-section .section-title { max-width: 780px; margin: 0 auto; }
.team-box-wraper ul{ row-gap: 15px; margin: 0 -15px;}
.team-box-wraper li { width: 20%; padding: 0 15px;}
.team-box-outer{ position: relative; height: 100%;}
.team-box{ background: var(--white); box-shadow: 0px 20px 40px 0px #033CCC1A; border-radius: 30px; padding: 10px; height: 100%; z-index: 3;}
.team-box .team-info{ padding: 20px 10px;}
.team-box .team-image { background: #E9EFFB; border-radius: 30px; padding-bottom: 92%; overflow: hidden; }
.team-box .team-image img{ object-fit: contain;}
.team-box h5{ color: var(--black); margin-bottom: 10px;}
.team-box p{ font-size: 14px; color: #656565; margin-bottom: 20px;}
.team-box .social-link ul{ margin: 0; gap: 10px;}
.team-box .social-link li{ padding: 0; width: fit-content;}
.team-box .social-link li a{ display: block; height: 20px;}
.team-box .social-link li a img{ display: block; height: 100%;}
.process-box p{ margin-bottom: 0;}
.award-sec .section-title{ max-width: 1190px; margin: 0 auto;}
.award-details-row { max-width: 1100px; margin: 0 auto; }
.award-details-row .row{ row-gap: 25px;}
.award-col-row .icon { width: 220px; padding-right: 30px; }
.award-col-row .info{ max-width: calc(100% - 220px);}
.award-col-row .info h3{ font-size: 30px;}
.award-col-row h3, .award-col-row p{ margin-bottom: 8px;}
@media only screen and (max-width: 1599px){
    .award-col-row .info h3{ font-size: 25px;}
}
@media only screen and (max-width: 1399px){
    .our-story-wrap .our-story-section:nth-child(even) .info-wraper{ padding-right: 10px;}
    .team-box .team-info{ padding: 20px 0;}
    .our-mission-sec .info-wrap p { width: calc(50% - 20px); }
}
@media only screen and (max-width: 1199px){
    .team-box-wraper ul{ margin: 0 -8px;}
    .team-box-wraper li{ padding: 0 8px;}
    .award-col-row .icon{ width: 180px;}
    .award-col-row .info{ max-width: calc(100% - 180px);}
    .award-col-row .info h3{ font-size: 20px;}
}
@media only screen and (max-width: 991px){
    .about-why-choose-sec .section-title{ margin-bottom: 0;}
    .about-why-choose-sec .section-title p:last-child{ margin-bottom: 0;}
    .team-box-wraper li{ width: 33.33%;}
}
@media only screen and (max-width: 767px){
    .our-mission-sec .info-wrap p{ width: 100%;}
    .team-box-wraper li{ width: 50%;}
    .team-box, .team-box .team-image{ border-radius: 20px;}
    .award-col-row .icon { width: 120px; padding-right: 20px; }
    .award-col-row .info{ max-width: calc(100% - 120px);}
    .award-col-row .info h3 { font-size: 18px;}
    .award-col-row h3, .award-col-row p { margin-bottom: 0; }
}
@media only screen and (max-width: 479px){
    .award-col-row .icon { width: 82px; padding-right: 15px; }
    .award-col-row .info{ max-width: calc(100% - 82px);}
}
/* 404 page start */
.error-page-section{ padding: 200px 0; min-height: 85vh;}
.default-section p:last-child{ margin-bottom: 0;}


/* ============== Case-Study ==============*/
.our-case-item{ box-shadow: 0px 20px 40px 0px #033CCC1A; background-color: var(--white); border-radius: 20px; overflow: hidden; height: 100%; padding: 10px 10px 20px; }
.our-case-wrap .our-case-col{ margin-bottom: 30px; }
.our-case-item .image{ position: relative; padding-bottom: 52.1%; border-radius: 15px; overflow: hidden; margin-bottom: 30px; }
.our-case-item .image img{ width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; object-fit: cover; }
.our-case-item .image-desc{ padding: 0 10px; }
.our-case-item .image-desc h6{ font-size: 16px; color: #656565; margin-bottom: 15px; } 
.our-case-item .image-desc h5{ color: var(--body-color); margin-bottom: 15px; }
.our-case-item .image-desc p{ color: #656565; }
.our-case-item .image-desc .technology li{ font-family: var(--manrope); line-height: 1.2; font-weight: 700; color: var(--blue-color); border: 1.5px solid #C6D2F3; border-radius: 100px; padding: 10px 20px; margin-right: 10px; margin-bottom: 10px; }
.our-case-item .image-desc .technology li:last-child{ margin-right: 0; }

/* ============== Case-Study-details ==============*/
.study-details-left-desc{ padding-right: 50px; }
.study-details-left-desc .title-border span{ font-size: 74px; }
.study-details-left-desc h5{ color: var(--body-color); }
.study-details-left-desc .download-option li{ width: 200px; height: 78px; border-radius: 100px; position: relative; margin-right: 20px; }
.study-details-left-desc .download-option li:last-child{ margin-right: 0; }
.study-details-left-desc .download-option li a{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; box-shadow: 0px 20px 40px 0px #033CCC1A; background-color: var(--black); border-radius: 100px; position: relative; z-index: 2; }
.study-details-left-desc .download-option li.website a{ background-color: var(--white); }
.study-details-left-desc .download-option li:after { content: ''; width: 100%; height: 30px; position: absolute; left: 0; right: 0; bottom: -15px; background: radial-gradient(50% 50% at 50% 50%, #033CCC 0%, rgba(3, 60, 204, 0) 100%); background-repeat: no-repeat; background-size: 100% 100%; opacity: 25%; z-index: 1; }

.study-details-right-image{ position: relative; padding-bottom: 76.4%; border: 10px solid var(--white); box-shadow: 0px 20px 40px 0px #033CCC1A; border-radius: 20px; overflow: hidden; }
.study-details-right-image img{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; }
.case-study-top-desc .case-study-top-row:nth-child(even){ flex-direction: row-reverse; }
.case-study-top-desc .case-study-info-img{ position: relative; padding-bottom: 67%; border: 10px solid var(--white); border-radius: 20px; box-shadow: 0px 20px 40px 0px #033CCC26; }
.case-study-top-desc .case-study-info-img:after { content: ''; position: absolute; left: 0; right: 0; bottom: -44px; z-index: -1; width: 100%; height: 78px; background: radial-gradient(50% 50% at 50% 50%, #033CCC 0%, rgba(3, 60, 204, 0) 100%); opacity: 25%; border-radius: 100%; }
.case-study-top-desc .case-study-info-img img{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; width: 100%; height: 100%; object-fit: cover; border-radius: 20px; }
.case-study-ingo-desc{ padding-left: 80px; }
.case-study-ingo-desc .item{ margin-bottom: 30px; }
.case-study-ingo-desc .item:last-child{ margin-bottom: 0; }
.case-study-ingo-desc .item .icon{ width: 80px; height: 80px; border: 1.5px solid var(--blue-color); border-radius: 100%; display: flex; align-items: center; justify-content: center;  }
.case-study-ingo-desc .item .icon-desc{ width: calc(100% - 80px); padding-left: 30px; }
.case-study-ingo-desc .item .icon-desc h5{ color: #333333; margin-bottom: 15px; }
.case-study-ingo-desc .item .icon-desc p{ color: var(--body-color); }
.case-study-ingo-desc .item .icon-desc p:last-child{ margin-bottom: 0; }
.case-study-top-desc .case-study-top-row:nth-child(even) .case-study-ingo-desc{ padding-left: 0; padding-right: 80px; }
.case-study-top-desc .case-study-top-row{ padding-bottom: 130px; }
.case-study-top-desc .case-study-top-row:last-child{ padding-bottom: 0; }

.technologies-inner-sec .technologies-info h5{ font-size: 16px; font-weight: 700; margin-bottom: 20px; } 
.technologies-inner-sec .technologies-info .box-icon{ width: 80px; height: 80px; border-radius: 100%; border: 1.5px solid #CFD6E9;  display: flex; align-items: center; justify-content: center; margin-right: 10px; }
.technologies-inner-sec .technologies-info .box-icon:last-child{ margin-right: 0; }
.explore-sec .explore-image{ position: relative; padding-bottom: 61.5%; border: 20px solid #F2F4FB; border-radius: 30px; overflow: hidden; }
.explore-sec .explore-image img{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 30px; }

@media only screen and (max-width: 1599px){
.study-details-left-desc .title-border span { font-size: 48px; } 

.study-details-left-desc .download-option li img { width: 110px; }
.study-details-left-desc .download-option li { width: 140px; height: 70px; }
.technologies-inner-sec .technologies-info .box-icon img { width: 32px; }
.technologies-inner-sec .technologies-info .box-icon { width: 60px; height: 60px; }
.case-study-ingo-desc { padding-left: 40px; }
.case-study-top-desc .case-study-top-row:nth-child(even) .case-study-ingo-desc { padding-right: 40px; }

}
@media only screen and (max-width: 1199px){ 
.study-details-left-desc .title-border span { font-size: 30px; }
.study-details-left-desc .download-option li { width: 140px; height: 55px; }
.study-details-left-desc .download-option li img { width: 100px; }
.case-study-ingo-desc .item .icon { width: 60px; height: 60px; }
.case-study-ingo-desc .item .icon img { width: 30px; }
.case-study-ingo-desc .item .icon-desc{ width: calc(100% - 60px);}
.case-study-top-desc .case-study-top-row { padding-bottom: 80px; }

}

@media only screen and (max-width: 991px){ 
.our-case-item .image-desc .technology li { padding: 7px 15px; } 
.study-details-sec .row{ flex-direction: column-reverse; }
.study-details-left-desc { padding-right: 0; padding-top: 40px; }
.case-study-ingo-desc { padding-left: 0; padding-top: 40px; }
.case-study-top-desc .case-study-top-row { padding-bottom: 50px; }



}
@media only screen and (max-width: 767px){ 
.study-details-left-desc .title-border span { font-size: 28px; }
.technologies-inner-sec .our-treasure-logo-info ul li { width: calc(50% - 13.4px); }
.explore-sec .explore-image { border: 10px solid #F2F4FB; border-radius: 15px; }
.case-study-ingo-desc .item .icon-desc { padding-left: 15px; }


}


@media only screen and (max-width: 479px){ 
.study-details-left-desc .download-option li img { width: 80px; }



}