* {margin: 0;border: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-font-smoothing: antialiased;-webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;}

html {scroll-behavior: smooth;}
body {background: #f8f6fe;overflow-x: hidden;color: #333;} /*line-height: 26px;*/

.progress-circle-indeterminate,
.te-loader {margin: auto;border: 3px solid #f3f3f3;border-radius: 50%;border-top: 3px solid #007bff;border-right: 3px solid #007bff;border-bottom: 3px solid #20c997;border-left: 3px solid #20c997;width: 40px;height: 40px;-webkit-animation: spin 2s linear infinite;animation: spin 1s linear infinite;}
.te-loader-2 {position: absolute;top: 200px;left: 50%;transform: translate(-50%);margin: auto;border: 3px solid #f3f3f3;border-radius: 50%;border-top: 3px solid #007bff;border-right: 3px solid #007bff;border-bottom: 3px solid #20c997;border-left: 3px solid #20c997;width: 60px;height: 60px;-webkit-animation: spin 2s linear infinite;animation: spin 1s linear infinite;}
.te-loader-3 {margin: auto;border: 1px solid #f3f3f3;border-radius: 50%;border-top: 1px solid #007bff;border-right: 1px solid #007bff;border-bottom: 1px solid #20c997;border-left: 1px solid #20c997;width: 20px;height: 20px;-webkit-animation: spin 2s linear infinite;animation: spin 1s linear infinite;}

@-webkit-keyframes spin {0% {-webkit-transform: rotate(0deg);}
100% {-webkit-transform: rotate(360deg);}
}
@keyframes spin {0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}
#customer_rj_cm_modal {position: fixed;top: auto;right: auto;left: 58%;bottom: 15%;}
#overlay,
#overlay-2,
#overlay-dealpic {position: fixed;display: none;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.9);z-index: 2;cursor: pointer;}

.te-loader-percent {position: absolute;top: 220px;left: 52.5%;transform: translate(-50%);margin: auto;color: white;}
.te-loader-text {position: absolute;top: 275px;left: 52%;transform: translate(-50%);margin: auto;color: white;}

.hide {display: none;}
.resources-tabs {margin-top: 15px;margin-bottom: 10px;}
.public_statistics {margin-top: 30px;}
.cursor-pointer {cursor: pointer;}

/*new*/
.clear {clear: both;}
.clearfix::before,
.clearfix::after {content: "";display: table;}
.clearfix::after {clear: both;}
.clearfix {zoom: 1;}

.font1 {font-size: 12px;line-height: 1.4rem;}
section {display: block;position: relative;box-sizing: border-box;}
ul {list-style: none;margin-bottom: 0px;}
.text-theme {color: #424cda;}

a {text-decoration: none;color: #424dda;}
a,
a:hover,
a:visited,
a:active,
a:link {text-decoration: none;text-decoration: none;-webkit-font-smoothing: antialiased;-webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;}

h1,
h2,
h3,
h4,
h5,
h6 {font-weight: 600;margin: 0;padding: 0;-webkit-font-smoothing: antialiased;-webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;}

img {width: auto;max-width: 100%;height: auto;}
article img {width: auto;max-width: 100%;height: auto;}
ul {margin: 0;}
ul li {list-style: none;}
p {margin: 0;padding: 0;font-weight: normal;}

.mwidth750 {max-width: 750px;}

.w-45 {min-width: 45%;}
.w-50 {min-width: 50%;}
.w-100 {min-width: 100%;}

.regiterPart.d-flex {text-align: center;margin: 0 auto;padding: 19px 0;}
.regiterPart img {margin-right: 20px;margin-bottom: 12px;margin-top: 5px;}
.regiterPart h6 {text-align: left;}
.regiterPart h6 span {display: block;font-size: 12px;}
.regiterPart h6 a {font-size: 14px;font-weight: 500;color: #3a4070;text-transform: uppercase;}
a.nav-link.bookDemoBtn {background-color: #24caad;color: #fff !important;padding: 8px 12px !important;border-radius: 5px;margin-top: -8px;position: relative;right: -20px;}
ul.navbar-nav.mx-auto {margin-top: 10px;}
.bannerArea {background: url(../images/tebg.png) no-repeat center top;width: 100%;position: relative;margin: 100px auto 0;background-size: 100% auto;}
.bannerImg img {margin: 3% auto 0;display: block;}
.bannerImg {margin: 0 auto;width: 90%;}
.bannerContent {position: absolute;top: 0;margin: 0 auto;left: 15%;text-align: center;color: #fff;width: 34%;right: 0;}
.bannerContent h1 {font-size: 42px;font-weight: 600;margin-bottom: 5px;text-align: center;margin-top: 50px;color: #fff;}
.centersourceFeatures {width: 100%;padding-top: 50px;padding: 50px 0;}
.centersourceFeatures h2,
.benefitsUser h2 {font-size: 55px;font-weight: 700;color: #303a5a;margin-bottom: 50px;}
.featureBox {background-color: #f1f3f8;padding: 30px;border-radius: 25px;margin-top: 30px;transition: 0.3s;cursor: pointer;}
.featureBox img {height: 280px;display: block;margin: 0 auto;max-width: 100%;}
.featureBox h3 {font-weight: 600;margin: 10px 0 20px;color: #303a5a;font-size: 24px;text-transform: capitalize;}
.featureBox p {color: #333;font-size: 15px;line-height: 24px;font-weight: 400;height: 170px;overflow-y: auto;}
.featureBox:hover {background-color: #0e1550;color: #fff;}
.featureBox:hover h3,
.featureBox:hover p {color: #fff;}
.benefitsUser {background: url(../images/new.jpg) no-repeat 0 0;background-size: cover;padding: 50px 0;color: #fff;width: 100%;position: relative;}
.benefitsMission {margin-top: 50px;}
.benefitsMission {background-color: transparent;}
.bullateBox h4 {margin-bottom: 30px;font-weight: 600;}
.benefitsUser ul {padding: 0;margin: 0;list-style: none;}
.bullateBox ul li {padding-bottom: 16px;line-height: 24px;font-size: 15px;font-weight: 400;position: relative;padding-left: 26px;}
.bullateBox ul li:before {content: "";background: url(../images/bullet.png);width: 15px;position: absolute;height: 15px;left: 0;top: 5px;}
.benefitsUser h2 {color: #fff;margin-bottom: 30px !important;}
.benefitsMission span img {width: 10%;margin-left: 30px;margin-right: 30px;}
.benefitsMission ul li {margin-bottom: 50px;}
.benefitsMission ul li strong {width: 200px;font-weight: 600;display: inline-block;position: relative;top: 13px;}
.benefitsMission p {font-size: 22px;width: 80%;text-align: center;margin: 0 auto;line-height: 35px;margin-top: 30px;}

.lan_sec .btn:focus {outline: 0;box-shadow: 0 0 0 0.2rem rgb(255 255 255 / 25%);}
.getInTouch {background-color: #f6f9fa;width: 100%;display: inline-block;padding: 90px 0 120px;}
.getInTouchBox {width: 100%;float: left;border-radius: 60px;position: relative;box-shadow: 10px 10px 34px #aeb7e0;height: 210px;padding: 40px;}
.getInTouchBox h3 {font-size: 40px;line-height: 48px;color: #363636;font-weight: 500;text-transform: none;margin-bottom: 20px;}
.btnArea .btn-primary {background: #24caad;border: #24caad;border-radius: 10px;text-transform: none;margin-right: 10px;font-weight: bold;padding: 10px 15px;font-size: 14px;}
.btnArea .btn-light {color: #636b8b;border: 1px solid #636b8b;border-radius: 10px;text-transform: none;font-weight: bold;padding: 10px 18px;font-size: 14px;}

/*===================================================* Button */
.btn-orange-grd {border: 0px solid #fc0;background-image: linear-gradient(
to right,
rgba(255, 102, 0, 1),
rgba(255, 204, 0, 1)
);padding: 6px 15px;margin-right: 10px;border-radius: 3px;font-weight: 500;color: #ffffff;}
.btn-orange-grd:focus,
.btn-orange-grd:hover {border: 0px solid #fc0;background-image: linear-gradient(
to right,
rgba(255, 204, 0, 1),
rgba(255, 102, 0, 1)
);color: #000;}
.btn-orange-grd.active {border: 0px solid #fc0;background-image: linear-gradient(
to right,
rgba(255, 204, 0, 1),
rgba(255, 102, 0, 1)
);color: #000;}
/*2*/
.btn-register-now {align-items: center;background-image: linear-gradient(144deg, #af40ff, #5b42f3 50%, #00ddeb);border: 0;border-radius: 8px;box-shadow: rgba(151, 65, 252, 0.2) 0 15px 30px -5px;box-sizing: border-box;color: #ffffff;display: flex;font-size: 24px;justify-content: center;line-height: 1em;max-width: 100%;min-width: 140px;padding: 19px 24px;text-decoration: none;user-select: none;-webkit-user-select: none;touch-action: manipulation;white-space: nowrap;cursor: pointer;}
.btn-register-now:active,
.btn-register-now:hover {outline: 0;}
@media (min-width: 768px) {.btn-register-now {font-size: 24px;min-width: 196px;}
}
/* 3 */
.btn-orange {align-items: center;background-clip: padding-box;background-color: #fa6400;border: 1px solid transparent;border-radius: 0.25rem;box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;box-sizing: border-box;color: #fff;cursor: pointer;display: inline-flex;font-size: 24px;font-weight: 600;justify-content: center;line-height: 1.25;margin: 0;min-height: 3rem;padding: calc(0.875rem - 1px) calc(1.5rem - 1px);position: relative;text-decoration: none;transition: all 250ms;user-select: none;-webkit-user-select: none;touch-action: manipulation;vertical-align: baseline;width: auto;}
.btn-orange:hover,
.btn-orange:focus {background-color: #fb8332;color: #fff;box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;}
.btn-orange:hover {transform: translateY(-1px);}
.btn-orange:active {background-color: #c85000;color: #fff;box-shadow: rgba(0, 0, 0, 0.06) 0 2px 4px;transform: translateY(0);}

.learn-more {min-width: 160px;height: 40px;margin: 5px 0 5px 0;padding: 12px 40px 12px 20px;border-radius: 4px;text-align: left;color: #4264f5;font-size: 12px;font-weight: 500;text-transform: uppercase;cursor: pointer;border: 0px solid #4264f5;background: url(../images/arrow-b.svg);background-position: right 15px center;background-repeat: no-repeat;background-size: 18px 10px;}
.learn-more:hover {border: 0px solid #000;background: #eee url(../images/arrow-b.svg);background-position: right 15px center;background-repeat: no-repeat;color: #4264f5;background-size: 18px 10px;}

/*===================================================* newsletter */
.newsLetterSecion {margin-top: 50px;}
.newLetterForm .form-control {height: 50px;line-height: 32px;text-transform: capitalize;font-size: 15px;width: 100%;padding: 0 15px;border-radius: 4px;}
.newLetterForm .form-control:focus {box-shadow: none;}
.newLetterForm .subscribe_btn {background-color: #424cda;text-transform: uppercase;color: #fff;border-radius: 0 4px 4px 0;padding: 10px 25px;float: left;margin-top: 15px;width: auto;border: 1px solid #424cda;}
.newLetterForm .subscribe_btn:hover {background-color: #fff;color: #424cda;border: 1px solid #424cda;}
.newLetterForm {display: inline-block;text-align: center;}
.newLetterForm h4 {font-size: 36px;line-height: 1.5;color: #363636;margin-bottom: 10px;font-weight: 500;text-align: left;}
.newLetterForm p {margin-bottom: 20px;font-size: 18px;text-align: left;}

.lan_sec .dropdown-menu {width: 67px;min-width: initial;}
section.newsPaperLogo {background-color: #e4ecfc;padding: 50px 0;width: 100%;margin: 60px auto 20px;clear: both;display: inline-block;}
section.videoSec {overflow: hidden;width: 100%;margin: 0 auto;}

.videoSec .embed-responsive .embed-responsive-item,
.videoSec .embed-responsive embed,
.videoSec .embed-responsive iframe,
.videoSec .embed-responsive object,
.videoSec .embed-responsive video {left: 0;right: 0;margin: 0 auto;width: 56%;}

.innerPagesArea,
.careersPage {position: relative;width: 100%;display: inline-block;}
.innerPagesArea h1 {font-size: 40px;font-weight: 600;margin-bottom: 20px;display: block;}
.innerPagesArea {margin: 0 auto 0;}
.innerPagesArea .innerContent {margin-top: 50px;}
.innerContent p {margin-bottom: 15px;}
.innerContent h4 {margin-bottom: 10px;color: #4f5dff;font-size: 22px;font-weight: 700;}

.timberExchange h4 {font-size: 20px;font-weight: 700;color: #222;margin-bottom: 0;}
.timberExchange h4 span {font-size: 13px;display: block;font-weight: 500;margin-top: 2px;}

.officeAddress {margin-bottom: 30px;color: #fff;}
.officeAddress h1,
.officeAddress h2 {text-transform: capitalize;margin-bottom: 10px;font-size: 26px;font-weight: 700;}
.officeAddress p {font-size: 15px;line-height: 22px;}
.officeAddress p a {color: #fff;}
.formPart .form-control {height: 52px;box-shadow: 0 0 5px rgb(0 0 0 / 10%);}
.formPart .form-control:focus {box-shadow: none;}

/*===================================================* login-signup */
.innerPagesArea .gotQuestion textarea.form-control {height: auto !important;}
.innerPagesArea.signup,
.forgot-ps {margin-top: 0 !important;}
form.formPart {background-color: #f9f9f9;border-radius: 10px;padding: 30px;}
.formPart label span,
.gotQuestion h6 span {color: #d9232e;}
.innerBg {background: #030014 url(../images/reg_top_bg.png) center top no-repeat;width: 100%;position: relative;background-size: 100% 100%;float: left;padding-bottom: 40vh;margin: 0 auto 0;}
.loginBg {background: #030014 url(../images/top_right_bg.png) top right no-repeat;background-size: 30%, 15%;float: left;width: 100%;min-height: calc(96vh - 250px);margin: 0 !important;}

/* horizontal line */
.or {position: absolute;left: 50%;transform: translate(-50%);border-top: 1px solid rgba(255, 255, 255, 0.1) !important;height: 1px;width: 92%;}
.or-innertext {position: absolute;left: 50%;transform: translate(-50%, -50%);background-color: #030014;border: 1px solid #030014;padding: 5px;}

.bgDark {background-color: #030014;}

.loginImg {margin-top: 80px;}
.loginRight {overflow: hidden;}
.loginRight h1 {color: #fff;font-weight: 400;margin-bottom: 40px;}
.loginRight h1 span {display: block;font-weight: 900;}
.registerPart h2 {margin-bottom: 10px;font-weight: 900;}

input[type="button"].scheduleBtn,
.scheduleBtn {background: #6053ff !important;color: #fff !important;font-size: 15px;text-transform: uppercase;font-weight: 600;letter-spacing: 1px;margin-top: 15px;padding: 10px 32px;border-radius: 5px;display: inline-block;}
input[type="button"].scheduleBtn:hover,
input[type="button"].scheduleBtn:focus,
.scheduleBtn:hover,
.scheduleBtn:focus {background: #5043f6 !important;color: #fff !important;outline: 0;}

.loginForm {color: #fff;}
.loginForm p {color: #fff;margin: 10px 0;line-height: 22px;}
form#form-login .form-control {background-color: transparent !important;border: 0 !important;}
form.loginForm .form-control {height: 54px;background-color: #17246e;border: 1px solid rgba(255, 255, 255, 1);border-radius: 3px;color: #fff;font-weight: 300;}
form.loginForm .form-control::placeholder {color: #fff;}
form.loginForm .input-group {border: 1px solid rgba(255, 255, 255, 0.1) !important;border-radius: 3px;}
form.loginForm .input-group.noborder {border: 0px solid rgba(255, 255, 255, 0) !important;border-radius: 3px;}
form.loginForm .form-control:focus {box-shadow: none;}
form.loginForm .scheduleBtn {border: 1px solid rgba(255, 255, 255, 0.1) !important;padding: 12px 32px;border-radius: 3px;font-weight: 400;}
.loginForm span.input-group-addon.timberuser_label,
.loginForm .timberpass_label {display: flex;align-items: center;padding: 10px 16px;}

.forgot-password a {color: #00ffff;}
@media (max-width: 991.98px) {.innerBg .d-flex.align-items-center.justify-content-between {flex-direction: column;margin-top: 190px;}
.innerBg {background-color: #17246e;background-size: contain;margin-top: 0;}

.loginBg .d-flex.align-items-center.justify-content-between {flex-direction: column;margin-top: 0;}
.loginBg {background-image: none !important;padding-bottom: 80px;}
}
@media (max-width: 767.98px) {.innerBg {background-size: auto;}
.loginImg {margin-top: 140px;}
}
@media (max-width: 575.98px) {.innerBg {padding-bottom: 10vh;}
}

.signupsuccessfail {min-height: calc(100vh - 90px);}
.signupsuccessfail .wrapper {height: auto;display: flex;justify-content: center;align-items: center;padding: 40px;}
.signupsuccessfail .animated-check {height: 10em;width: 10em;border-radius: 50%;display: block;stroke-width: 7;stroke: #28a745;stroke-miterlimit: 10;box-shadow: inset 0px 0px 0px #28a745;animation:
fill 0.4s ease-in-out 0.4s forwards,
scale 0.3s ease-in-out 0.9s both;stroke-linecap: round;stroke-linejoin: round;}
.signupsuccessfail .animated-check path {fill: none;stroke: #28a745;stroke-width: 3;stroke-dasharray: 23;stroke-dashoffset: 23;animation: draw 1s linear forwards;stroke-linecap: round;stroke-linejoin: round;}
@keyframes draw {to {stroke-dashoffset: 0;}
}
.signupsuccessfail .checkmark {width: 140px;height: 140px;border-radius: 50%;display: block;stroke-width: 7;stroke: #dc3545;stroke-miterlimit: 10;box-shadow: inset 0px 0px 0px #dc3545;animation:
fill 0.4s ease-in-out 0.4s forwards,
scale 0.3s ease-in-out 0.9s both;stroke-linecap: round;stroke-linejoin: round;}
.signupsuccessfail .checkmark_circle {stroke-dasharray: 166;stroke-dashoffset: 166;stroke-width: 7;stroke-miterlimit: 10;stroke: #dc3545;fill: none;animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;}
.signupsuccessfail .checkmark_check {transform-origin: 50% 50%;stroke-dasharray: 148;stroke-dashoffset: 148;animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;}
@keyframes stroke {100% {stroke-dashoffset: 0;}
}
@keyframes scale {0%,
100% {transform: none;}
50% {transform: scale3d(1.1, 1.1, 1);}
}
@keyframes fill {100% {box-shadow: inset 0px 0px 0px 0px #dc3545;}
}

/*blog-30-11-2022==============OLD=14-04-2023======*/
.blogBanner img,
.blogImage img {width: 100%;border-radius: 15px;}
.blogContent h3 {font-size: 20px;font-weight: 600;color: #000;margin-bottom: 15px;} /*2*/
.blogContent h4 {font-size: 16px;font-weight: 500;color: #666;display: inline-block;margin-bottom: 14px;} /*1*/
.blogContent a {display: inline-block;border: 1px solid #323edd;margin-top: 20px;padding: 10px 22px;font-weight: 600;color: #323edd;}
.blogContent p {margin-bottom: 10px;}
/*Details*/
.adminTitleDate h1 {font-size: 20px;font-weight: 600;color: #000;width: 65%;margin: 30px auto 15px auto;} /*2*/
.adminTitleDate h4 {font-size: 16px;font-weight: 500;color: #666;display: inline-block;margin-bottom: 14px;} /*1*/
.adminTitleDate h4 span {font-size: 15px;font-weight: 600;color: #333;display: inline-block;margin-left: 10px;border-radius: 2px;} /*1*/

.blogDetails h2,
.blogDetails h3 {font-size: 20px;margin-bottom: 20px;color: #060d36;font-weight: 600;margin-top: 20px;}
.blogDetails h4,
.blogDetails p {margin-bottom: 15px;}
.blogDetails h4 {font-weight: bold;}
.blogDetails img {margin: 0 auto;display: block;margin-top: 30px !important;margin-bottom: 30px !important;}
.blogDetails ul {padding: 0 40px;}
.blogSection .blogDetails ol li,
.blogSection .blogDetails ul li {list-style: initial;margin-bottom: 15px;text-align: -webkit-auto;}

.blogDetails table {width: 100%;border-top: 1px solid #b7b7b7;border-left: 1px solid #b7b7b7;}
.blogDetails table td {padding: 5px;border-right: 1px solid #b7b7b7;border-bottom: 1px solid #b7b7b7;}
@media (max-width: 1199.98px) {.blogContent h3 {font-size: 20px;margin-bottom: 10px;}
.blogContent h4 {font-size: 14px;}
.blogContent a {margin-top: 5px;padding: 10px 22px;}
}
@media (max-width: 991.98px) {.blogImage img {width: 100%;}
}
@media (max-width: 767.98px) {.blogDetails h4 {font-size: 18px;}
}

/* Privacy Policy Listing */
h1.terms_tit {padding: 10px;font-size: 30px;text-align: center;font-weight: 300;margin-bottom: 20px;} /*background: #fafafa;*/

.privacyPolicy ul {padding: 0 40px;}
.privacyPolicy ul li {list-style: disc !important;margin-bottom: 15px;text-align: -webkit-auto;}
.privacyPolicy * {color: #ffffff !important;background: #070b17 !important;}

.teNews h1.innerHeadTitle {font-size: 30px;}
.teNews,
.subMenu {padding: 0 20px;width: 100%;display: inline-block;margin-top: 50px;}
.teNews ul {margin: 0;padding: 0;border-bottom: 1px solid #0064bc;padding-bottom: 13px;margin-top: 30px;}
.teNews ul li {list-style: none;padding: 0;}
.tenewslist .te-news-description ul li {/*list-style:initial;*/
padding-bottom: 6px;}
.teNews ul li a {color: #333;font-size: 18px;display: inline-block;}
.teNews ul li a:hover {background-color: #0064bc;border-radius: 6px 6px 0 0;color: #fff;}
.teNews ul li.active a {background-color: #0064bc;border-radius: 6px 6px 0 0 !important;color: #fff;padding: 15px 49px;}
.teNews .nav.nav-tabs.nav-tabs-fillup > li > a {padding: 12px 36px;margin-bottom: -10px;}
.teNews .nav.nav-tabs.nav-tabs-fillup > li > a.active {border-radius: 6px 6px 0 0 !important;overflow: hidden;border: 1px solid #0064bc;background: #0064bc !important;color: #fff;font-weight: normal;}
.teNews .nav.nav-tabs.nav-tabs-fillup > li > a:hover {background: #0064bc !important;border-radius: 6px 6px 0 0 !important;color: #fff;font-weight: normal;}
.teNews ul.nav.nav-tabs.nav-tabs-fillup.news_tab {margin: 0;padding-bottom: 4px;border-bottom: 1px solid #ccc !important;}

.newsBox {background-color: #fff;padding: 40px 20px;border-radius: 15px;box-shadow: 0 0 8px #ccc;margin-top: 50px;}
.newsBox h6 {margin: 16px 0;border-bottom: 1px solid #ccc;padding-bottom: 14px;color: #464646;}
.newsBox span {padding-right: 8px;color: #0064bc;}
.newsBox p {font-size: 18px;line-height: 26px;padding-bottom: 14px;}
.newsBox h3 {font-size: 24px !important;color: #e0950b;line-height: 26px;padding-bottom: 10px;font-weight: 600;}
.newsTe_sideForm {position: sticky;top: 100px;}
.newsTe_sideForm
.select2-container--default
.select2-selection--single
.select2-selection__arrow {margin-top: -14px;top: 0;}
.newsTe_sideForm
.select2-container
.select2-selection.select2-selection--single {height: 48px;display: flex;align-items: center;}
section.statisticsPage {padding: 0 30px;width: 100%;display: inline-block;}
.newsBox h4 {text-align: center;}
.newsBox form button {margin: 0 auto;justify-content: center;display: flex;}
.newsBox a {margin: 0 auto;display: inline-block;text-align: center;}
.te-news-description p:empty {display: none;}

.mergeBtns {display: flex;}
.mergeBtns .btn:first-child {margin-right: 2%;}
.mergeBtns .btn {width: 48%;padding: 11px 0;}

.tenewslist ul {border-bottom: 0 !important;margin-left: 0px;}
.mergeBtns .btn-info,
.mergeBtns .btn-info:focus {color: #fff;background-color: #47525e;border-color: #47525e;text-align: center;}
.mergeBtns .btn-success,
.mergeBtns .btn-success:focus {color: #fff;background-color: #007be8;border-color: #007be8;}
.newsBox .form-control {height: 52px;border: 1px solid rgba(0, 0, 0, 0.07) !important;margin: 20px 0;}
.newsBox .form-control:focus {border: 1px solid rgba(0, 0, 0, 0.07) !important;box-shadow: none;}
.newsBox h4 {text-align: center;font-weight: 500;}

.careersPageBanner {position: relative;margin-bottom: 150px;}
.careersPageBanner:after {content: "";background: url(../images/job_background.png) top right no-repeat;float: left;width: 100%;background-size: contain;position: absolute;top: 0;right: 0;height: 770px;z-index: -1;}
.careersPageBanner h2 {font-size: 36px;line-height: 48px;color: #363636;font-weight: 500;margin-bottom: 15px;}
.careersPageBanner h4 {display: inline-block;margin-bottom: 20px;font-weight: 300;line-height: 35px;}
.careersPageBanner span {display: block;color: #0064bc;font-weight: 500;}
.careersPageBanner a {background: #4f5dff;font-size: 18px;text-transform: uppercase;color: #fff;font-weight: 600;padding: 14px 30px;display: inline-block;margin: 10px auto 0;border-radius: 5px;text-align: center;}
.careersPageBanner img {margin-top: 70px;}

.jobBox {text-align: center;background-color: #fff;padding: 30px 20px;border-radius: 20px;box-shadow: 0 0 10px rgb(141 125 145 / 50%);margin-top: 120px;}
.jobBox img {width: 60%;margin: 0 auto;margin-bottom: 30px;}
.jobBox h3 {color: #25177b;font-weight: 700;line-height: 35px;font-size: 24px;margin: 15px 0;}

.recruitmentProcess {margin: 70px auto;width: 100%;position: relative;}
.recruitmentProcess ul li {margin-bottom: 40px;color: #636b8b;font-size: 16px;}
.recruitmentProcess ul li span {margin-right: 20px;display: inline-block;margin-top: 0;}
.recruitmentProcess ul {position: relative;}
.recruitmentProcess ul::before {width: 1px;height: 100%;background: #ccc;content: "";position: absolute;height: 78%;left: 28px;z-index: -1;}
.recruitmentProcess h2 {font-size: 48px;color: #363636;font-weight: 900;margin-bottom: 40px;}

.applyEmailing h2 {font-size: 54px;margin-bottom: 20px;}
.applyBtn {background: #4f5dff;font-size: 18px;text-transform: uppercase;color: #fff;font-weight: 600;padding: 20px 150px;display: inline-block;margin: 20px auto;border-radius: 5px;text-align: center;}
.applyBtn:hover {color: #fff;}
.pricingPage,
.podcast,
.statisticsPage {width: 100%;display: inline-block;margin: 60px auto 0;}
.innerHeadTitle,
.podcast h1 {font-size: 32px;font-weight: 700;color: #3d435a;}
.pricingPage .nav-tabs {position: relative;margin-bottom: 20px;border-bottom: 0;margin-top: 20px;}
.pricingPage .nav-tabs .nav-item {width: 36.2%;margin-left: -80px;}
.pricingPage .nav-tabs .nav-link {color: #fff;background-color: #f6f9fa;border-color: #223c76;border-radius: 60px;padding: 15px 28px;color: #222;font-size: 20px;}
.pricingPage .nav-tabs .nav-link.active {color: #fff;background-color: #223c7d;border-color: #dee2e6 #dee2e6 #fff;}
.priceList {background-color: #fff;border-radius: 10px;width: 100%;margin-left: 15px;color: #333;box-shadow: 0 0 8px #ccc;position: relative;padding-bottom: 10px;}
.priceList:first-child {margin-left: 0;}
.priceList .headingTitle {color: #fff;font-weight: 700;background-color: #223c7d;padding: 20px;border-radius: 10px 10px 0 0;font-size: 24px !important;margin: 0;}
.priceList ul {margin: 0;padding: 10px;}
.priceList ul li {list-style: none;text-align: left;padding: 8px 5px;border-bottom: 1px dashed #bbc0ff;font-size: 13px;width: 100%;float: left;justify-content: space-between;align-items: center;display: flex;line-height: 20px;}
.bigPrice {font-size: 34px !important;font-weight: 600;margin-bottom: 30px;border-bottom: 0 dashed #bbc0ff !important;}
.priceList ul li:first-child {border-bottom-color: transparent;}
.anualContract {font-size: 18px !important;text-decoration: underline;font-weight: 700;min-height: 45px;}
.head {background-color: #5676c7 !important;}
.priceList ul li span {float: right;color: #5461ff;text-align: right;}
.priceList ul li a {display: table;line-height: 60px;text-align: center;background-color: #223c7d;color: #fff;border-radius: 5px;border: 1px solid #fff;text-transform: uppercase;font-size: 14px;font-weight: 600;text-decoration: none;line-height: 26px;padding: 8px;margin-top: 30px;transition: 0.3s;width: 100%;}
.plan-buttons {display: flex !important;height: 70px;align-items: center;justify-content: center;}
.priceList ul li h5 {font-weight: 500;color: #5461ff;line-height: 22px;}
.priceList .titlePrice {border-bottom: 0 dashed #bbc0ff;}
.priceList ul .prBtn {border-bottom: 0 !important;}
.pricingPage .tab-content > #importer.active,
#forwarder.active {display: block;width: 35%;margin: 0 auto;}
.pricingPage .nav-tabs ~ .tab-content {padding: 15px 0;}
.bigPrice sub {font-size: 16px;}

.podcastBox {background: url(../../outside_login/images/dot-grid.png) repeat 0 0;background-color: #f1f3f8;padding: 30px;border-radius: 10px;box-shadow: 4px 4px 10px #0000001a;width: 100%;margin: 30px 0 10px;background-position: center center;display: inline-block;transition: all 0.5s ease;}
.podcastBox:hover {background-color: #0d1550;background-image: none !important;}
.podcastBox h3 {font-size: 21px !important;font-weight: 500;margin-bottom: 10px;color: #222;min-height: 50px;}
.directionArrow {position: relative;}
.directionArrow a {font-size: 15px;color: #fff;background-color: #24caad;border-radius: 6px;padding: 8px 22px;text-align: center;float: right;}
.directionArrow a span {margin-left: 6px;color: #fff;}
.podcastBox h3 a {font-size: 24px;color: #222;line-height: 29px;font-weight: 500;display: inline-block;}
.podcastBox:hover h3 a {color: #fff;}

.playEpisode {margin-top: 20px;}
.podcastInfo p {font-size: 15px;}
.userSubscribe {background-color: transparent;padding: 0;margin-top: 20px;width: 100%;}
.userSubscribe .form-control {border-radius: 5px 0 0 5px;height: 52px;}
.userSubscribe .form-control:focus {border-color: #24caad;box-shadow: none;}
.userSubscribe button {background-color: #24caad;border: 1px solid #ccc;border-radius: 0 5px 5px 0;padding: 10px 22px;font-size: 16px;color: #fff;font-weight: 500;cursor: pointer;}

.podcastImg {margin-right: 20px;width: 20%;position: relative;}
.podcastImg img {border-radius: 5px;}
.podcastInfo {width: 80%;}

.playBtn {font-size: 35px !important;position: absolute;left: 0;margin: 0 auto;right: 0;justify-content: center;top: 0;display: flex;align-items: center;height: 100%;cursor: pointer;}
.raw-html-embed iframe {max-width: 100%;height: 300px !important;width: 100% !important;}
.podcastSubscribe form {margin: 0 !important;padding: 0 !important;}
.podcastSubscribe {margin: 40px auto 0;text-align: center;width: 40%;display: table;padding-bottom: 60px;}
.podcastSubscribe h2 {margin-top: 30px;margin-bottom: 21px;}
.podcast h1 {margin-bottom: 10px;}
.podcast .nav.nav-tabs.nav-tabs-fillup > li > a,
.newsTabs.nav.nav-tabs.nav-tabs-fillup > li > a {overflow: hidden;padding: 5px 7px;margin-bottom: 0;border-radius: 5px 5px 0 0;transition: 0.3s;display: inline-block;color: #333;font-size: 14px;}
.podcast .nav-tabs .nav-item,
.newsTabs.nav-tabs .nav-item {margin-bottom: -9px !important;}
.podcast .nav.nav-tabs.nav-tabs-fillup > li .active,
.newsTabs.nav.nav-tabs.nav-tabs-fillup > li .active {border-radius: 5px 5px 0 0;overflow: hidden;border: 1px solid #0d33d2;background: #0d33d2 !important;color: #fff;}
.podcast .nav-tabs,
.newsTabs.nav-tabs {border-bottom: 1px solid #dee2e6 !important;padding-bottom: 0;}
section.podcast .form-control {height: 52px;}

.quizPart {background-size: 30%, 15%;float: left;background-color: #030014;width: 100%;padding-top: 120px;padding-bottom: 80px;color: #fff;min-height: 100vh;}
.quizPart .innerHeadTitle {margin: 0 auto;text-align: center;color: #24caad;margin-bottom: 25px;font-size: 32px;width: 50%;}

.submit_result h3 {color: #24caad;text-align: center;font-size: 24px;font-weight: 500;margin-bottom: 20px;}
.submit_result h4 {color: #fff;text-align: center;margin-bottom: 20px;}
.submit_result .sub_quiz_email {border: 1px solid #4f5dff;padding: 10px 15px;border-radius: 5px;color: #fff;line-height: 1;margin: 10px 0;font-size: 14px;line-height: 28px;width: 100%;background-color: transparent;text-align: center;}

.checkbox {background-color: transparent;display: block;height: 28px;margin: 0 0.25em;width: 28px;border-radius: 4px;border: 2px solid #ccc;float: right;border-radius: 50%;}
.checkbox span {display: block;height: 28px;position: relative;width: 28px;padding: 0;}
.checkbox span:after {-moz-transform: scaleX(-1) rotate(135deg);-ms-transform: scaleX(-1) rotate(135deg);-webkit-transform: scaleX(-1) rotate(135deg);transform: scaleX(-1) rotate(135deg);-moz-transform-origin: left top;-ms-transform-origin: left top;-webkit-transform-origin: left top;transform-origin: left top;border-right: 3px solid transparent;border-top: 3px solid transparent;content: "";display: block;height: 15px;left: 4px;position: absolute;top: 13px;width: 8px;}
.checkbox span:hover:after {border-color: #999;}
.checkbox input {display: none;}
.checkbox input:checked + span:after {-webkit-animation: check 0.8s;-moz-animation: check 0.8s;-o-animation: check 0.8s;animation: check 0.8s;}
.checkbox input:checked + .default:after {border-color: #444;}
.checkbox input:checked + .primary:after {border-color: #2196f3;}
.checkbox input:checked + .success:after {border-color: #8bc34a;}
.checkbox input:checked + .warning:after {border-color: #ffc107;}
.checkbox input:checked + .danger:after {border-color: #f44336;}
.checkbox .info:after {border-right: 3px solid transparent;border-top: 3px solid transparent;}
.checkbox input:checked ~ .info:after {border-right: 3px solid #24caad;border-top: 3px solid #24caad;}

.questionBox {display: none;}
.q_ans input::placeholder {color: white !important;}
.questionBox.active {display: block;}
.questionBox h5 {font-weight: 500;color: #fff;font-size: 24px;margin-bottom: 30px;margin-top: 30px;}
.questionBox ul li {border: 1px solid #4f5dff;padding: 10px 15px;border-radius: 5px;color: #fff;margin: 10px 0;font-size: 14px;line-height: 28px;margin-bottom: 20px;overflow: hidden;}

.dropzone.fileUpload.dz-clickable {background-color: #17246e;height: 52px;min-height: auto;border-radius: 5px;border: 1px dashed #333f90;color: #fff;line-height: 6px;}
.fileUpload .dz-default.dz-message {margin: 0;}
.dropzone.fileUpload.dz-clickable.dz-started {height: auto;}

.footSec {background: url(../images/reg_bott_bg_3.png) center bottom no-repeat;background-size: 420px, contain;padding-bottom: 150px;}

.btnQuestionStepPrev {color: #fff;background-color: #24caad;border-color: #0e8a75;padding: 12px 42px;}
.btnQuestionStepPrev:hover {background-color: #0e8a75;}
.btnQuestionStepPrev.submitBtn {margin: 20px auto;display: block;}
section.virtualConference {position: relative;z-index: 9999;}
.virtualConference a {background-color: #4264f5;padding: 16px 35px;display: inline-block;border-radius: 6px;color: #fff;font-size: 16px;margin-right: 8px;font-weight: 700;transition: 0.5s;position: relative;text-align: left;margin: 0 50px 50px;}
.virtualConference a:hover {background-color: #1a1764;color: #fff;text-decoration: none;}
.virtualConference a span {margin-left: 20px;}
.virtualConference a span:after {content: "";background: url(../../images/arrow.svg) no-repeat 0 0;position: absolute;width: 14px;height: 14px;opacity: 0;top: 23px;right: 0;transition: 0.5s;}
.virtualConference a:hover span:after {opacity: 1;right: 30px;}
.virtualConference div#conferenceImg {overflow: auto;}
.virtualConference .modal-header {border-bottom: 0;}

#user_settings_wizard_body .password-field-icon-eye {float: right;margin-right: 10px;margin-top: 20px;position: absolute;z-index: 2;cursor: pointer;color: #7d8ceb;right: 8px;top: 28px;}

.password-field-icon-eye {float: right;margin-right: 10px;margin-top: 20px;position: relative;z-index: 2;cursor: pointer;color: #7d8ceb;}
.password-field-icon-info {float: right;margin-right: 45px;margin-top: -29px;position: relative;z-index: 2;cursor: pointer;color: #7d8ceb;}

.priceList.lftMargin {margin-left: -20px;}

.head {background-color: #5676c7 !important;}
.head2 {background-color: #1e4cc3 !important;}
.head3 {background-color: #2b51af !important;}
.head4 {background-color: #1d4096 !important;}
.head5 {background-color: #345dc5 !important;}

.btn-cons {margin-right: 5px;min-width: 120px;}
.careersPage {margin: 72px auto 0;}
span.input-group-addon.countrycodeicon {position: absolute;top: 0;padding: 14px 10px;}
.valid_text {color: rgba(255, 255, 255, 0.6);}
#btn_add_more_files {border: 1px dashed #3646a4;background: radial-gradient(#17246e, transparent);cursor: pointer;border-radius: 6px;width: auto;padding: 10px 10px;color: white;display: inline-block;margin-bottom: 10px;}
.dropzone {min-height: auto !important;padding: 17px 20px !important;}
.i_agree_text {padding: 0;}
.dz-default.dz-message {margin: 0 !important;}

.dropzone .dz-preview.dz-image-preview {background: white;border-radius: 6px;padding: 5px;width: 30%;margin: 7px;}
.dropzone .dz-preview .dz-image img {display: block;width: auto;margin: 0 auto;border-radius: 10px;}
div#terms_privacy_modal_wrapper p {font-size: 15px;margin-bottom: 15px;line-height: 24px;}
div#terms_privacy_modal_wrapper p {text-indent: initial !important;}
div#terms_privacy_modal_wrapper h2 {font-size: 26px;margin-bottom: 15px;}
div#terms_privacy_modal_wrapper ol {padding: 0 20px;}
div#terms_privacy_modal_wrapper ol li {padding-bottom: 10px;}
#terms_privacy_modal_wrapper #privacy_policy_accordion {color: #ffffff;}
#terms_privacy_modal_wrapper #collapse_privacy_policy {background-color: #070b17;}
#terms_privacy_modal_wrapper #collapse_privacy_policy *[style*="color"],
#terms_privacy_modal_wrapper #collapse_privacy_policy *[style*="background"] {color: #ffffff !important;background: #070b17 !important;}
#resources_container {margin-top: 25px;}

.blankSailingModalBtn {margin-top: 30px;float: right;}
#blankSailingModal .modal-dialog {max-width: 100%;}

/*===================================================* public-profile */
#showcaseview .modal-content {background: rgba(255, 255, 255, 0.8);}
#showcaseview .modal-content .modal-header {border-bottom: 0;}
#showcaseview .modal-content .modal-header .close {background: #fff;border-radius: 20px;padding: 0px 7px 5px;width: 36px;height: 36px;}

/* #terms_privacy_modal_wrapper .modal-header{border:1px solid #fff;text-align:center}
#terms_privacy_modal_wrapper .modal-header{background:#0d33d2;color:#fff;padding:0 20px!important;background:rgba(19,43,140,1);background:-moz-linear-gradient(left,rgba(19,43,140,1) 0,rgba(19,43,140,1) 24%,rgba(13,53,210,1) 100%);background:-webkit-gradient(left top,right top,color-stop(0%,rgba(19,43,140,1)),color-stop(24%,rgba(19,43,140,1)),color-stop(100%,rgba(13,53,210,1)));background:-webkit-linear-gradient(left,rgba(19,43,140,1) 0,rgba(19,43,140,1) 24%,rgba(13,53,210,1) 100%);background:-o-linear-gradient(left,rgba(19,43,140,1) 0,rgba(19,43,140,1) 24%,rgba(13,53,210,1) 100%);background:-ms-linear-gradient(left,rgba(19,43,140,1) 0,rgba(19,43,140,1) 24%,rgba(13,53,210,1) 100%);background:linear-gradient(to right,rgba(19,43,140,1) 0,rgba(19,43,140,1) 24%,rgba(13,53,210,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#132b8c',endColorstr='#0d35d2',GradientType=1);border:1px solid #1c45ef}
#terms_privacy_modal_wrapper .modal-header h5{color:#fff;font-size:19px;line-height:46px;font-weight:normal;margin-top:0;margin-bottom:0}
#terms_privacy_modal_wrapper .modal-header .close{position:absolute;background:rgba(255,255,255,0.1);padding:0 8px 5px 10px;border-radius:5px;border:1px solid rgba(255,255,255,0.3);color:#fff;right:24px;top:24px}
#terms_privacy_modal_wrapper .modal-header .close:focus{outline:0}
#terms_privacy_modal_wrapper .modal-header .close-arabic{position:absolute;background:rgba(255,255,255,0.1);padding:4px 10px 0 10px;border-radius:5px;border:1px solid rgba(255,255,255,0.3);color:#fff;left:10px;top:8px}
#terms_privacy_modal_wrapper .modal-header .close-arabic:focus{outline:0} */

.dropzone .dz-preview.dz-image-preview {background: transparent !important;width: auto;}

.newsBox .select2 {padding-right: 0;width: 100% !important;line-height: 0;}
.newsBox .dropdown-wrapper:empty {display: none;}
.newsBox
.select2-container--default
.select2-selection--single
.select2-selection__arrow {top: 27px;right: 15px;}
.newsBox h4 {margin-bottom: 10px;}
.newsBox a {text-align: left;}

.pricingPage .container-fluid {padding: 0 40px;}
.secondPart {position: relative;width: 93%;}
.secondPart:before {content: "";display: inline-block;width: 100%;background: transparent url(../images/about_bg_5.png) no-repeat right bottom;background-size: contain;height: 61px;position: absolute;bottom: 5%;right: 0;}
.sign-up-sec {margin: 72px auto 0;}
section.applyEmailing {margin-top: 30px;}
.pricingPage h2 {margin-bottom: 20px;font-size: 45px;text-align: center;}
#signup .password-field-icon-eye {margin-top: -35px;}
#signup_msg .alert.alert-warning.alert-dismissible.fade.show {padding: 15px !important;}
#signup_msg span.close-icon.pull-right {float: right;}
.signup_msg .alert-dismissible {padding-right: 18px;}

/* #navbarSupportedContent .dropdown-toggle::after{content:"";vertical-align:2px} */
.newsLetterSecion .container-fluid {padding: 0 100px;margin-bottom: 50px;}
.newsLetterSecion .row {border-bottom: 1px solid #dfdfdf;padding-bottom: 50px;}
.ftLogo img {margin-bottom: 20px;}

.leftContent p {font-size: 16px;line-height: 26px;color: #333;}
.rightContent {background-color: #fff;box-shadow: 0 0 6px 5px #f7f7f7;border-radius: 14px;padding: 30px;}
.rightContent #mc-embedded-subscribe {border-radius: 50px !important;}
.rightContent h3 {color: #222;}
.ftLogo {margin-bottom: 30px;}

.contactPage {padding-top: 80px !important;margin-top: 0 !important;}
.podcastList li {padding-bottom: 10px;line-height: 24px;font-size: 15px;position: relative;padding-left: 18px;}
.podcastEpisode p {margin-bottom: 15px;margin-top: 10px;}
.podcastList {padding-left: 20px;}
.podcastList li::before {content: "";background: transparent url(../images/arrow_icon.png) no-repeat 98% center;border: 0;width: 12px;height: 7px;position: absolute;top: 0;left: 0;transform: rotate(-90deg);margin-top: 9px;}
section.podcastEpisode {padding: 0;}
.podCastImg {background-color: #fff;padding: 15px;border-radius: 10px;box-shadow: 0 0 10px #cccc;margin-bottom: 30px;}
.podCastImg img {margin-bottom: 20px;border-radius: 4px;}
h4.podcastName {padding: 0 0 10px;font-size: 21px;font-weight: 500;}
h5.namePosition {line-height: 30px;font-weight: 700;color: #0d33d2;font-size: 24px;margin: 15px 0;}
.podcastBanner {position: relative;margin-bottom: 50px;}
.bannerCaption h2 {color: #fff;font-size: 34px;font-weight: 600;}
.podcastBanner img {width: 100%;}

.podcastVideo {margin-top: -130px;position: relative;}
.podcastVideo iframe {height: 200px;width: 100%;border: 0px;overflow: hidden;}

.bannerCaption {position: absolute;top: 38%;z-index: 99;left: 0;}
.bannerCaption h2 span {background-color: #24caad;font-size: 18px;border-radius: 35px;padding: 10px 25px;display: table;color: #fff;margin-bottom: 18px;}
.teSubPages {width: 100%;display: inline-block;margin: 110px auto;padding: 0;}
.teSubPages h1 {font-size: 48px;font-weight: 700;color: #000;}
tr.customHeading {background-color: #4472c4;color: #fff;}
.teSubPages h3 {font-size: 21px;font-weight: bold;margin-bottom: 25px;color: #323edd;margin-top: 20px;}
.subList {margin: 0;padding: 0 20px;}
.subList li {padding-bottom: 5px;font-size: 15px;list-style: disc;}
.teSubPages p {margin-bottom: 15px;color: #333;font-size: 15px;line-height: 26px;}
.subPagesImg img {border-radius: 25px;margin-bottom: 30px;margin-top: 20px;}
.namePosition span {color: #333;}
.tabPodcast {padding-bottom: 20px;}
.market_summary_page_wrapper .table tbody tr td a {text-align: right;}
.podcast-details ul li {list-style: disc;margin-left: 20px;padding-left: 0;}
.learnMore {background: #4f5dff;font-size: 15px;text-transform: capitalize;color: #fff;padding: 13px 35px;display: inline-block;border-radius: 6px;transition: 0.3s;font-weight: 600;}
.learnMore:hover {background-color: #fff;color: #0e1550;}
.videoSec a span {font-size: 18px;padding: 0 10px;}
section.csTeam {background:
url(../images/top_right_bg.png) top right no-repeat,
url(../images/bottom_left_bg.png) bottom left no-repeat;background-size: 30%, 15%;background-color: #0e1550;padding: 50px 0;width: 100%;display: table;margin-top: 50px;color: #fff;}
section.csTeam h2 {font-size: 26px;line-height: 32px;}
.customerName {background-color: #e4ecfc;padding: 12px 0;margin: 0 auto;}
.customerName h2 {color: #52668d;text-align: left;margin: 0;text-transform: capitalize;font-size: 24px;padding-right: 40px;border-right: 1px solid #c9c9c9;line-height: 26px;font-weight: bold;}
ul.nav.nav-tabs.nav-tabs-fillup.newsTabs.news_tab {padding-bottom: 0 !important;}

.successStory .modal-header {border-bottom: 0;padding: 10px 20px 0;}
.successStory .modal-content {border-radius: 0;border: 0;}
.successStory button.close {position: absolute;right: 5px;color: #fff;}
.successStoryBtn {position: relative;}
.successStory button:focus {outline: 0;}
.downloadCaseStudyBtn {background-color: #faa838;padding: 3px 14px;font-size: 15px;border-radius: 6px 0 0 6px;color: #fff;transition: 0.2s;position: absolute;top: 26px;right: 0;}
.downloadCaseStudyBtn:hover {background-color: #e39427;color: #fff;}

.pricingPageDesign {width: 100%;display: inline-block;margin: 50px auto 0;}
.pricingPageDesign h1 {margin-bottom: 20px;font-size: 45px;font-weight: 700;color: #3d435a;}
.priceBackground table {border-collapse: collapse;width: 99.8%;}
.priceBackground table tbody {background-color: #fff;border-radius: 10px;border: 10px solid #323edd;text-align: center;position: relative;}
.priceBackground table tbody tr td:first-child {background-color: #323edd;text-align: left;color: #fff;min-width: 180px;}
.pricingPageDesign h4 {background-color: #f1f1f1;border-radius: 6px 0 0 6px;padding: 10px;color: #323edd;font-size: 20px;font-weight: 500;text-align: left;font-size: 18px;}
.pricingPageDesign .table td,
.pricingPageDesign .table th {padding: 15px 5px 15px 5px;vertical-align: top;border-top: 0;position: relative;border-right: 1px solid #e6e6e6;}
.pricingPageDesign .table td:before {content: "";background: -moz-linear-gradient(
left,
rgba(200, 200, 200, 0) 7%,
rgba(200, 200, 200, 0.95) 25%,
rgba(200, 200, 200, 1) 26%,
rgba(200, 200, 200, 1) 80%,
rgba(200, 200, 200, 0) 100%
);background: -webkit-linear-gradient(
left,
rgba(200, 200, 200, 0) 7%,
rgba(200, 200, 200, 0.95) 25%,
rgba(200, 200, 200, 1) 26%,
rgba(200, 200, 200, 1) 80%,
rgba(200, 200, 200, 0) 100%
);background: linear-gradient(
to right,
rgba(200, 200, 200, 0) 7%,
rgba(200, 200, 200, 0.95) 25%,
rgba(200, 200, 200, 1) 26%,
rgba(200, 200, 200, 1) 80%,
rgba(200, 200, 200, 0) 100%
);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00c8c8c8',endColorstr='#00c8c8c8',GradientType=1);position: absolute;bottom: -1px;height: 1px;width: 90%;left: 0;right: 0;margin: 0 auto;}
td.pricingHeading {padding: 0 !important;}
td.headerTd {background-color: #323edd;border-radius: 18px 18px 0 0;text-align: center;padding: 25px 0;font-size: 22px;min-width: 150px;}
td.headerTd h3 {text-align: center;color: #fff;font-weight: 500;font-size: 28px;}
.priceBackground .btnArea {border: 1px solid #fff;color: #fff;padding: 8px 5px;display: inline-block;margin-top: 15px;font-size: 15px;font-weight: 500;width: 80%;border-radius: 0.25rem;}
.priceBackground .btnArea:hover {border: 1px solid #fff;color: #323edd;background-color: #fff;border-radius: 0.25rem;}
.pricingPageDesign p {line-height: 22px;font-size: 16px;}
td.headerTd:before {display: none;}
.priceBackground table tbody tr td:first-child:before {content: "";background: -moz-linear-gradient(
left,
rgba(255, 255, 255, 1) 7%,
rgba(255, 255, 255, 1) 25%,
rgba(255, 255, 255, 1) 26%,
rgba(255, 255, 255, 1) 80%,
rgba(200, 200, 200, 0) 100%
);background: -webkit-linear-gradient(
left,
rgba(255, 255, 255, 1) 7%,
rgba(255, 255, 255, 1) 25%,
rgba(255, 255, 255, 1) 26%,
rgba(255, 255, 255, 1) 80%,
rgba(200, 200, 200, 0) 100%
);background: linear-gradient(
to right,
rgba(255, 255, 255, 1) 7%,
rgba(255, 255, 255, 1) 25%,
rgba(255, 255, 255, 1) 26%,
rgba(255, 255, 255, 1) 80%,
rgba(200, 200, 200, 0) 100%
);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#00c8c8c8',GradientType=1);position: absolute;bottom: 0;height: 1px;width: 100%;left: 5px;}
.priceBackground table tbody tr:last-child td:before {display: none;}
.priceBackground table tbody tr td.pricingHeading h4 {margin-top: -1px;}
.blankTd:before {display: none;}
td.headerTd h6 {font-size: 17px;font-weight: 500;margin-top: 5px;} /*text-decoration:underline;color:#fff;*/
td.headerTd h5 {font-size: 26px;font-weight: 500;color: #fff;margin: 8px auto;}
td.headerTd h5 span {color: #c9ccff;font-size: 16px;text-transform: uppercase;}
td.pricingHeading:before {display: none !important;}
.pricingPageDesign .table thead td,
.pricingPageDesign .table thead th,
.pricingPageDesign .table tfoot td,
.pricingPageDesign .table tfoot th {border: 1px solid #fff;}
.priceBackground table tbody:before {position: absolute;content: "";width: 20px;height: 20px;left: -18px;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGoAAABiCAYAAAC4ckb6AAAEJElEQVR4Ae2d30sUURTH/Zt6rQwKKqSsHqzUB6OEfhFFQlFIFAqJQepD2oMGSWBEFCVSPUVZGEUg/aTol1mau+rqbm4au54YcWBZZ5u9M/fM3DP7XVhm97p7vZ7P+Z575szcaxnhIcICZSJGiUESQAlxAoACKCEWEDJMKAqghFhAyDChKIASYgEhw4SiAEqIBYQME4oCKCEWcBnmx08LNPAgRV0909R2aZJa2uJ0tiVGp85N0PHT43S4YYzqj/xkf0JRy6BSv7P07EWarvbNUGPzBFXvG6VV5Z+NeZYsqJHRv3T3XpKaL8Ro5x6zoDg5SEmBGnqeXgpZ6yq+GqMUJyhObZEHFZ/KUHdvgrbsGhEHJxdYZEE9fjpHR0+Oi4YTaVA3bs/StprvkQFkw4qEohIz2aX0ef1WeXOPDcLtKBrUdCKzdF7j9kdG4ediQVkhrlxg9ubVacSBevdhgWoMOxn1anyV74kBZVUOzl+MRy5JKBaWCFCv3szTxu3fShaSBdN4UFeuJUoakK04Y0HNJrN0qGEMkJYLw0aCQqhbWbU3DlT//RRU5HB5xShQ7V1TgOQAyZhkYn5hkRoafwFSAUhGgLLqdLX15l+4s7OvsI6hhr7JqQxVVsu+ThQUuNBApdOLVFUHJRULOjRQ+4/hHKlYSNbnQgF14gwSBxVIoYBq75xEdvef7K4QwEAVdas/CUgeIAWqKOuO00LegvaVJaN8mwSiqGQqSxVVSMPzja/yPhBQqIK7K8YNGjuo3uszCHke56VceKyg3r6fByQNkCxgrKAk3Hyf67Umv2YD1XcTIU8neBZQVkV8zaYvCHuawh5b6GtsmgAkjZBYQA2//gNImiGxgEIC4f+cyWlu0zpHPRycg5oY1KRdUaYtUHbyTKlt2hQ1OAQ1cTqBNlBQE8/cZMPXAsran8HuEEceYFpAoTrOAyfX6X2DisUzUBNTpqcVVE8vlsXkGpTrtW9FSd9og8uwuvv1BQrlIv65yQbuC1RTawzzUwDzkwXLF6i1m3Epw/Z47qNnUC+HUSXnhpPbv2dQnd3TCHsBhT0LmGdQdQd/AJTpoKwlM7myxGv+7M+Toh49QaU8aOf0BKq1AysyRIDC/MQf6vIdwZOiVuNWsMDnaGVQ1j17+bTxnl9hyqBQ3+OH4uT4yqDuDGDVoJMhuduUQXVcxjY43FCc+lcGZf3jEKeO0MYbEpVB1R1A6SgMp1QGtXsvdlsRAWpHbfR26Q/D8Kq/U1lRWN3OOxcVAqgMakNlae+WXMiQ3O3KoLCSUIiiuD0H/Ts7grKiYEhnQ3LbBaACvJzuByZAAVQ4IcKP15r8XSgKioKidCoUioKioCgoSogKAAqgyPWh00vQV/HTA5IJIeoEKIAqXtYIge62gqKgKHcvgZKKtxEUJURR/wAp6k+JUArl4wAAAABJRU5ErkJggg==);top: -17px;z-index: 99;background-size: 100% 100%;}
.priceBackground table tbody:after {position: absolute;content: "";width: 20px;height: 20px;left: -19.7px;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGoAAABiCAYAAAC4ckb6AAADS0lEQVR4Ae3cy2sTURTH8f5NLrpwIVioiGKtKKKuXIhPxPqCKlQFEaXgExFdCSpaH9CNiKAuFNwIvkEQtC9srE2V1NiMiUmOnOJAWrTt2DuPM/MdCEkhDJf7md+ZM3cmbZIQt827hmXBoo+8HMxBU4hOApS7gxQoB0d7FFUDKKCE0ufwICBRDiczzBIIFFCUPpcJI1EkikSRKCMpAAootwtKLCGxhJS5hV66PiNlFCigaM/p+oykACigaM9dpsDlvmgmjKQTKKDo+ih9RlIAFFB0fS5T4HJfNBNG0gkUUHR9lD4jKQAKKLo+lylwuS+aCSPpBAoouj5Kn5EUAAUUXZ/LFLjcF82EkXQCBRRdH6XPSArMQG3fm8vcw/wucRr3Feo5quPAZ6AcpT9UqM7DI0BZgDraPQqUBahLl78BZQGq9+53oCxAPXteAsoCVGG8BpQFKF3iXbJqACwHWKG25wrFtZSbf2EQOtTVngKJspCod+/LQFmA0vLXsqIfrHlihV76FOrE6TxQFqBevfWAsgClqWpbPwjWPLAiKX0Kdf023V/j/aWgnyODKhZrsrC1j1T9Z6oig9JUnTw/BpQFqNF8FSgLUJqq7rOkKuj5Sb8faelTqIlSXVrbWagNihU5lGI9evyDEhiwBMYCpViHjn0BKwBWbFCeV5eVG4bAmiNWbFCaqg99ZWlucXO/JmjNt/b9WKEU68YdVizmctDEDqVYXZyvZj0FJAKqVhPhqdqZTwGJgNJUVasiew7yrPq/ymBioBTrV1Vk625+AfI3rERBKValItJ5hGus6ViJg1Is3Xhufeo5K7FQinX/YVGaF08d8PQjLSt/JxpKsV689mTpahZxEw+lWD/LdTl38Wum02UCSrF06x+syMZtn2a9OExjOTQF9cdL7j0oyvK12XqqySSUguk1l/5QbtmabICZhfLTpe+3eselbV26wVIB5aMNDFXk2s2CbOnIpe72SaqgfDB9L5Xq8uTpxGS3mIYGJLVQjWj+55dvPLnSU5AzF8bk+Kn85OMA+7tGZMe+nGzaOZzoV6agfDCL70AZUQMKKCMzYGSYJAooIzNgZJgkCigjM2BkmCQKKCMzYGSYJAooIzNgZJgkygjUbzA4Fmry/pN0AAAAAElFTkSuQmCC);bottom: -17.9px;z-index: 99;background-size: 100% 100%;}
.priceBackground table thead tr td:last-child {border-right: 10px solid #323edd;border-top-right-radius: 0;position: relative;}
.priceBackground table tfoot tr td:last-child {border-right: 10px solid #323edd;border-bottom-right-radius: 0;position: relative;}
.priceBackground table thead tr td:last-child:after {position: absolute;content: "";width: 20px;height: 20px;right: -12px;top: -2.3px;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF8AAABiCAYAAAA2qA+GAAAD70lEQVR4Ae3d20sUcRQHcP+mXiuDggwpqwcr9cFIoRtRJBTFEoVCYpD6kPagQRIYEUWJVE9RFkYRSFeKUtcxzduurnmL6sSJFofQduY3Z+bM7HwHFnxY97f7+Z45O/ObyxYQFjWBArWRMTABX7EIgA98RQHFoVH5wFcUUBwalQ98RQHFoVH5wFcUUBy6YE3hZzJ9rCvqp00lg1RcmqSdFUO0Z59FlQeG6fjpUWq+PEV3ujPU93qB0tM/FT9ieIf2hO8mtLVF/VR5cJgamifp0ZM5mp//FV6VgN5ZYPgrBcVhtLSl6GXfQkAfN1zDqOLbA1m/pZ9qG8b/tKlwEfn3bkKDbw9i6+4ktXekaXzih3+fPASvHEp8exCHakbo2Yv5EFDJv4XQ42eDKKuyqKd3Tl5A8RUjg28P4WFPfoQQOfxsCLv2WpH/co4sfjaERO1YZHfiIo/PIfCedufNacXubTZ0XuBn1wJuRW/fL5pJKPxXXuFnQ+i4Ho21IC/xOQTeP8jMhntCL2/xOQCebf34aUmhoTgbMq/xs23oVlfGmUbAz4oFPofQ1DIZMG3u4WKDzwGcOPM1t0iAz4gVPgew/9hIaA7kxA6fAyittGhySn+6Opb4HEBJWVJ9WiK2+BxARbVFi0t6x5Jjjc8B1CT0voRjj88BNLVOBbiNszwU8P+et9R1f3ZZJaC/gG87aezVm2BnRIFvw9+8Y5BmMsFNxgHfhs/9n2dDg1qA/w8+B3DlWjoQf+CvgM8BBNH/gb8KPvf/2W/+9n/gr4LP1X/+4oSv7Qf4/8HnAN598O9IGPBz4JdXWb5VP/Bz4HP137g940sAwHeAX1g8QKm0/Pw/8B3gc/XXN8p/+QLfIT4HIH1hH/Bd4Le2p0R7P/Bd4G/cNgB8bgFaD8ktH1S+yyC3lw+JVT/wXeLzGvf4qcxlScA3wD96clSk+oFvgM/VPyFw0hXwDfHbOrwfcAG+IT5fJe91Ab4hPree3uferowHvgf8U+fGPBU/8D3gbyj2tscLfA/43HqS1nfj6ge+R/y798yv9wK+R/y6C+OofG4BGg++6t10QeULhGZ6fg/wBfBN74QFfAH8q51m93oAvgB+os5sZwv4Avh8/zeTBfgC+LyVZbIAXwjf5O4mwBfC737g/oI64Avhm5zTA3wh/MZL7m8pA3whfJNzOYEvhH+23v0EG/CF8E2OagFfCJ9/qsTtAnwh/MMGF08DXwi/+sgXt4VPwAe+zlEoySNfqHyhKjYJBfjAj34LQeUrVjHwgR/PFoLKR+Wj8p2uBdjUVFxbgA/8eLYqVD4qH5XvdG4ZU8pCawvajhCk081L+/NM8H8D8Ko1LZwgy4YAAAAASUVORK5CYII=);z-index: 99;background-size: 100% 100%;}
.priceBackground table tfoot tr td:last-child:after {position: absolute;content: "";width: 20px;height: 20px;right: -12px;bottom: -2px;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGoAAABiCAYAAAC4ckb6AAAEZElEQVR4Ae3d3UtUQRgGcP+mbiuDggopqwsr9cLIoC+iSCgKiUIhMUi9SLvQIAmMiKJEqqsoC6MIpE+KzI8tP3bV1bVMo5qY6MBh2N3ZmfO+M7vuI8jurHNGfH6+s8fZM2vJqtIhgU/3GQjDjxIguUeSmZt+AMrTjAIoT8GbzkyAApSfudz0N7VQ+qOiUFGoKMpqRUWholBRqKgCqQJAAUr7lIWVCU+/JFoZpQOgAIWTj2zPaUrBaJuoKFQUKgoV5akKsgVv+jXtXKd0wNTnAX3Nps8Kg74JKA9QG8pH9DJKD0B5gCqrGFUY9E1AeYDaUT2ml1F6AMoD1O69MYVB3wSUB6iaA1/0MkoPQHmAOn56QmHQNwHlAart8oxeRukBKA9Qd/pSCoO+CSgPUIOvf+hllB6A8gCVnPutMOibgHIMtdpi+UgyAsoxVM1B81NzQDlGkivszW3T+nkuTQ9UlGOsR0++p2HQPwQox1CLi3/0Kml6AMohlO3zk3QDlEOo9s7ZNLWS20OAcgj1ctD8D92AEVCOoNZuNn/5PUCSt4ByBNXQHA/nbnwfUI6gbNb3wpqAcgC1ZZf5NRJhJHkfUA6gurqTau7GbUA5gIonfhnDqAcAihnqUN24mrlVG1DMUM9eLFrBqAcBihGqstb8sjAVKGgDihGqf8BupTzACd8CigmKspokGKCYoB7201UToJiQdu6he24Kpj9UFANW1OWiACd8CyhiqPqGqXC+ZPcBRQgldxLaXLOXiyagCKF6bs7lkrlVH0ARQXGcQIRFAUUE9fb9UjhX8vuAIoDqvs435QXigIoIRbU6HoBkugVUBCi5uz21YL4zIxNGtscBFQHq46flbNmSfg1QllC3es13DUaRA5QFVGu73Y4MQFmEbfomU0H/E2cmo+RtfSwqygB5/zGa6x9stACVI1RFTUzYbpmxgVGPAVQOUOWVo2J6JvolX2r4Jm1AaaCq98XYVsQBpQk/ODHQ3dbVT4qlZbsdgiYIufRFRWVAbe0wfxucXAK37QOoNFC99xds82Q7DlAhqI3bR8SrN7wvV9hKAuo/lFwFn0+5WWC1wQJU6ZC4ci36thib8E2OKWqofJ7qVMSihTp/MSEWvuXvVFf0UFW1MfHug7vXkdTAbdtFU1GlZcPixu1525y8H1cUUE0tCTGb9LtWF1V6xUKt3zosOrpm82KdLiqSPH7FQW2rGivoKS4T6oqBOnpyQjx+SrsnKVNoPh4vaCj5Rhud3UmR8PxakQu4goNaVzYsTp2bEgPPaXabuwiZ4nvkPZS8+L7xQlzcvZcSo7GfFD9zQY6RV1Byg3J945S42jMn5PszFNLKAbd+yb4jXwX35+G6cSH/cYicss42xYX8u6bl0vS/0+e+BwvC5RWn3IFyjV/CNTDGpU0AULR5so0GKLZoaQcGFG2ebKMBii1a2oEBRZsn22iAYouWdmBA0ebJNhqg2KKlHRhQtHmyjQYotmhpBwYUbZ5so/0FSjdPiUjUMGkAAAAASUVORK5CYII=);z-index: 99;background-size: 100% 100%;}
.customTabs {margin-bottom: 40px;margin-top: 20px;}
.customTabs .nav-link {display: block;padding: 12px 52px;background-color: #979797;color: #fff;margin-right: 6px;border-radius: 10px 10px 0 0 !important;font-size: 18px !important;transition: 0.2s;font-weight: 500;}
.customTabs.nav-tabs {border-bottom: 8px solid #0816d6;}
.customTabs.nav-tabs .nav-item.show .nav-link,
.customTabs.nav-tabs .nav-link.active,
.customTabs.nav-tabs .nav-link:hover {color: #fff;background-color: #0816d6;border-color: #0816d6;}
.priceBackground div#importer,
.priceBackground div#forwarder {max-width: 768px;margin: 0 auto;width: 100%;}
.btn-w {padding: 8px 5px;margin-top: 15px;width: 80%;}

.bookAdemo {margin: 71px auto 0;}
.bookAdemo .innercontent {padding-top: 40px;}
.bookAdemo .innercontent h1 {font-size: 36px;font-weight: 600;margin-bottom: 10px;display: block;}
.bookAdemo .innercontent h2 {font-size: 16px;font-weight: 400;margin-bottom: 30px;display: block;}
.bookAdemo .innercontent .bookademoform {border: 1px solid #ddd;border-radius: 20px;padding: 50px 30px;}
@media (max-width: 991.98px) {.bookAdemo {margin: 140px auto 0;}
}

.innercontent .input-field {position: relative;height: 44px;line-height: 44px;}
.innercontent label {position: absolute;top: -24px;left: 5px;width: 100%;color: #666;transition: 0.2s all;cursor: text;}
.innercontent input {width: 100%;border: 0;outline: 0;padding: 0.5rem 0;border-bottom: 1px solid #666;box-shadow: none;color: #111;height: 50px;border-radius: 0px;}
.innercontent input:invalid {outline: 0;}
.innercontent input:focus,
.innercontent input:valid {border-color: #666;box-shadow: none;background: transparent;}
.innercontent input:focus ~ label,
.innercontent input:hover ~ label,
.innercontent input:valid ~ label {top: -24px;color: #666;background: transparent;} /*font-size:14px;*/
.innercontent textarea {width: 100%;border: 0;outline: 0;padding: 0.5rem 0;border-bottom: 1px solid #666;box-shadow: none;color: #111;height: auto;border-radius: 0px;}
.innercontent textarea:invalid {outline: 0;}
.innercontent textarea:focus,
.innercontent textarea:valid {border-color: #666;box-shadow: none;background: transparent;}
.innercontent textarea:focus ~ label,
.innercontent textarea:hover ~ label,
.innercontent textarea:valid ~ label {top: -24px;color: #666;background: transparent;} /*font-size:14px;*/
.innercontent select {width: 100%;border: 0;outline: 0;padding: 0.5rem 0;border-bottom: 1px solid #666;box-shadow: none;color: #111;height: 50px;border-radius: 0px;}
.innercontent select:invalid {outline: 0;}
.innercontent select:focus,
.innercontent select:valid {border-color: #666;box-shadow: none;background: transparent;}
.innercontent select:focus ~ label,
.innercontent select:hover ~ label,
.innercontent select:valid ~ label {top: -24px;color: #666;background: transparent;} /*font-size:14px;*/

.globalpricechart {min-width: 800px;min-height: 100px;height: auto;}
canvas {width: 100%;min-width: 1000px;}

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

/*===================================================* new-price-matrix*/
.pricematrix ul.nav-pills li {margin: 10px;}
.pricematrix ul.nav-pills li a {font-size: 18px;font-weight: 600;}
.pricematrix ul.nav-pills li:first-child {border: 2px solid #ff6600;background: #fff;border-radius: 25px;}
.pricematrix ul.nav-pills li:nth-child(2) {border: 2px solid #ff9900;background: #fff;border-radius: 25px;}
.pricematrix ul.nav-pills li:nth-child(3) {border: 2px solid #99cc00;background: #fff;border-radius: 25px;}
.pricematrix ul.nav-pills li:nth-child(4) {border: 2px solid #00ccff;background: #fff;border-radius: 25px;}
.pricematrix ul.nav-pills li:first-child a {border: 2px solid #ff6600;color: #ff6600;border-radius: 25px;}
.pricematrix ul.nav-pills li:nth-child(2) a {border: 2px solid #ff9900;color: #ff9900;border-radius: 25px;}
.pricematrix ul.nav-pills li:nth-child(3) a {border: 2px solid #99cc00;color: #99cc00;border-radius: 25px;}
.pricematrix ul.nav-pills li:nth-child(4) a {border: 2px solid #00ccff;color: #00ccff;border-radius: 25px;}
.pricematrix ul.nav-pills li:first-child a.active {border: 2px solid #ff6600;background: #ff6600;color: #fff;border-radius: 25px;}
.pricematrix ul.nav-pills li:nth-child(2) a.active {border: 2px solid #ff9900;background: #ff9900;color: #fff;border-radius: 25px;}
.pricematrix ul.nav-pills li:nth-child(3) a.active {border: 2px solid #99cc00;background: #99cc00;color: #fff;border-radius: 25px;}
.pricematrix ul.nav-pills li:nth-child(4) a.active {border: 2px solid #00ccff;background: #00ccff;color: #fff;border-radius: 25px;}

.pricematrix .card.monthly {background: #08103c;border-top: 10px solid #ff6600;border-radius: 20px;color: #fff;margin-bottom: 30px;}
.pricematrix .card.monthly ul li.link,
.pricematrix .card.monthly ul li.link a {background: #ff6600;font-size: 18px;font-weight: 600;text-align: center;color: #fff;}

.pricematrix .card.quarterly {background: #08103c;border-top: 10px solid #ff9900;border-radius: 20px;color: #fff;margin-bottom: 30px;}
.pricematrix .card.quarterly ul li.link,
.pricematrix .card.quarterly ul li.link a {background: #ff9900;font-size: 18px;font-weight: 600;text-align: center;color: #fff;}

.pricematrix .card.bi-annually {background: #08103c;border-top: 10px solid #99cc00;border-radius: 20px;color: #fff;margin-bottom: 30px;}
.pricematrix .card.bi-annually ul li.link,
.pricematrix .card.bi-annually ul li.link a {background: #99cc00;font-size: 18px;font-weight: 600;text-align: center;color: #fff;}

.pricematrix .card.yearly {background: #08103c;border-top: 10px solid #00ccff;border-radius: 20px;color: #fff;margin-bottom: 30px;}
.pricematrix .card.yearly ul li.link,
.pricematrix .card.yearly ul li.link a {background: #00ccff;font-size: 18px;font-weight: 600;text-align: center;color: #fff;}

.pricematrix .card ul {background: #08103c;color: #fff;border-top: 1px solid #666666;border-bottom: 1px solid #666666;}
.pricematrix .card ul li {background: #08103c;color: #fff;border-bottom: 1px solid #666666;padding: 0.75rem 0.5rem;}
.pricematrix .card ul li img {width: 15px;height: 15px;}
.pricematrix .card ul li.bgpurple {background: #6600ff;color: #fff;}
.pricematrix .card .card-body {padding: 1.25rem 0.25rem;}
.pricematrix .card h4 {font-size: 36px;font-weight: 600;text-align: center;}
.pricematrix .card h5 {font-size: 16px;font-weight: 600;text-align: center;}

.box {color: #fff;padding: 20px;display: none;margin-top: 20px;}

/*====================================================  RESPONSIVE DESIGN ==========================================*/
@media only screen and (max-width: 2560px) {.pricingPage .nav-tabs .nav-item {width: 35.4%;margin-left: -80px;}
}
@media (max-width: 1536px) {.bannerImg img {padding-top: 3px;}
.bannerContent {left: 25%;}
.pricingPage .nav-abs .nav-item {width: 36.9%;margin-left: -0px;}
.priceList ul li {min-height: 60px;}
.priceList ul li:first-child {min-height: initial !important;}
.priceList.lftMargin {margin-left: -18px;}
.careersPage {margin: 73px auto 0;}
.careersPageBanner:after {width: 75%;}
.agendaCalendar .container:before {height: 2237px;top: 501px;}
.quizPart .innerHeadTitle {font-size: 32px;width: 80%;}
.jobBox h3 {font-size: 20px;min-height: 70px;}
.contactPage {padding-top: 50px !important;margin-top: 0 !important;}
}
@media (max-width: 1440px) {.bannerContent {width: 47%;}
.bannerContent h1 {font-size: 32px;margin-top: 34px;}
.featureBox p {height: 124px;overflow-y: scroll;}
.priceList {padding-bottom: 30px;}
.teNews .nav.nav-tabs.nav-tabs-fillup > li > a {padding: 12px 26px;font-size: 15px;}
.newsTabs.nav-tabs li a {padding: 5px 7px !important;font-size: 14px !important;}
.innerHeadTitle,
.podcast h1 {font-size: 32px;line-height: 34px;}
.pricingPage .nav-tabs .nav-item {width: 37.2%;}
.quizPart .innerHeadTitle {font-size: 32px;width: 100%;}
.jobBox h3 {font-size: 16px;}
}
@media (max-width: 1367px) {.pricingPage .nav-tabs .nav-item {width: 37.4% !important;}
.quizPart .innerHeadTitle {width: 100%;}
.jobBox h3 {font-size: 18px;line-height: 24px;min-height: 50px;}
}
@media (max-width: 1199.98px) {.innerPagesArea,
.careersPage {margin: 0 auto;}
.innerPagesArea h1 {font-size: 38px;}
.innerPagesArea h1 {font-size: 34px;}
.innerPagesArea {margin: 0 auto 0 !important;}
.teNews h1.innerHeadTitle {font-size: 25px;}
.regiterPart h6 a {font-size: 13px;}
.bannerContent h1 {font-size: 25px;}
.featureBox img {height: 150px;}
.featureBox {padding: 30px 16px;}
.featureBox p {height: 125px;overflow-y: scroll;}
.getInTouchBox h3 {font-size: 32px;}
.newLetterForm h4 {font-size: 31px;}
.bannerArea {margin: 72px auto 0;}
.container-fluid {padding-right: 15px;padding-left: 15px;}
.regiterPart img {margin-bottom: auto;}
.regiterPart h6 a {font-size: 13px;}
td.headerTd h3 {font-size: 24px;}
.careersPage {margin: 70px auto;}
.careersPageBanner:after {height: 530px;}
.careersPage {margin: 140px auto 50px !important;}
.applyEmailing h2 {font-size: 42px;}
.applyBtn {padding: 20px 130px;}
.jobBox h3 {font-size: 21px;line-height: 24px;}
.recruitmentProcess h2 {font-size: 38px;}
.bigPrice {font-size: 22px !important;margin-bottom: 10px;}
li.titlePrice h5 {font-size: 16px;}
.priceList ul li {height: 60px;}
.priceList {padding-bottom: 30px;}
.pricingPage .nav-tabs .nav-item {width: 39.1%;margin-left: -80px;}
.jobBox {margin-top: 0;}
.podcast,
.pricingPage,
.podcast,
.statisticsPage {margin: 60px auto 0;}
.contactPage {padding-top: 50px !important;margin-top: 0 !important;}
div#resources_container a {margin-top: 20px;}
.newLetterForm .subscribe_btn a {width: auto;}
.bannerCaption {top: 25%;}
.bannerCaption h2 {font-size: 25px;}
.directionArrow a {right: 153px;top: -40px;}
}
@media (max-width: 991.98px) {.benefitsMission p {font-size: 18px;line-height: 28px;margin-bottom: 40px;}
.benefitsMission span img {width: 20%;margin-left: 20px;margin-right: 20px;}
.benefitsMission ul li strong {width: 130px;top: 10px;font-size: 12px;line-height: 18px;}
.copyRight {padding-bottom: 35px;display: inline-block;}
.bannerContent {width: 60%;}
.bannerImg img {margin: 8% auto 0;}
.bannerContent h1 {font-size: 32px;}
.navbar-light .navbar-toggler {color: rgba(0, 0, 0, 0.5);border-color: transparent;outline: 0;}
.bannerArea {margin: 100px auto 0;}
.bannerContent {width: 80%;}
.bannerContent h1 {font-size: 22px;margin-top: 22px;padding: 5px 10px;}
.centersourceFeatures h2,
.benefitsUser h2 {font-size: 45px;}
.abImg img {width: 100%;margin-bottom: 30px;}
.careersPageBanner h4 {line-height: 26px;font-size: 18px;}
.careersPageBanner:after {height: 322px;}
.jobBox {margin-top: 35px;}
.recruitmentProcess h2 {font-size: 24px;}
.careersPageBanner {position: relative;margin-bottom: 20px;}
.pricingPage .pricingPlan {flex-direction: column;}
.pricingPage .nav-tabs .nav-item {width: 41%;margin-left: -80px;}
.pricingPage .tab-content > #importer.active,
#forwarder.active {display: block;width: 100%;margin: 0 auto;}
section.quizPart {margin-top: 80px;}
.priceList.lftMargin {margin-left: 0;}
.priceList {margin-left: 0;margin-bottom: 20px;}
.newLetterForm {margin: 0 auto;display: table;width: 100%;}
a.nav-link.bookDemoBtn {margin-top: 19px !important;right: 0 !important;}
.newsLetterSecion .container-fluid {padding: 0 20px;margin-bottom: 50px;}
.rightContent {margin-top: 40px;}
.bannerCaption h2 {font-size: 18px;}
.podcastVideo {margin-top: -100px;}
section.podcastEpisode {padding: 0;}
h5.namePosition {font-size: 20px;}
.directionArrow a {right: 428px;top: -100px;}
.priceBackground .btnArea {width: 90%;}
td.headerTd h6 {font-size: 15px;}
td.headerTd h5 {font-size: 22px;}
td.headerTd h5 span {font-size: 13px;}
.pricingPageDesign {margin: 20px auto 0;}
section.pricingPageDesign h1.innerHeadTitle {margin-top: 30px;}
}
@media (max-width: 767.98px) {.centersourceFeatures h2,
.benefitsUser h2 {font-size: 38px;}
.featureBox img {height: auto;}
.benefitsMission span img {width: auto;margin-left: 20px;margin-right: 20px;}
.benefitsMission ul li strong {width: auto;top: 0;font-size: 16px;line-height: 18px;}
.bannerArea {margin-top: 100px;}
.careersPageBanner:after {height: 100px;}
.careersPageBanner {padding-top: 30px;}
section.careersPage img {margin: 0 auto;display: block;}
.careersPageBanner {margin-bottom: 30px;}
.pricingPage,
.podcast,
.statisticsPage {margin: 60px auto 0;}
.podcastSubscribe {width: 100%;}
.pricingPage .nav-tabs .nav-item {width: 44%;margin-left: -80px;}
.subMenu {padding: 0;} /*.teNews,*/
.newsBox p {font-size: 14px;line-height: 22px;text-align: left;}
.newsBox {padding: 20px;}
.tenewslist ul {border-bottom: 0 !important;margin-left: 0;margin-bottom: 10px;}
input#country_code {margin-bottom: 15px;}
.regiterPart h6 a {font-size: 14px;}
.pricingPage .nav-tabs .nav-item {width: 100% !important;margin-left: 0;margin-bottom: 12px;}
.pricingPage .nav-tabs .nav-link {text-align: center;}
.bannerImg {width: auto;}
.csSubPages {padding: 0;}
.csSubPages h1 {font-size: 32px;}
.rightContent {padding: 30px 15px;}
div#mc_embed_signup {padding: 0;margin: 0 auto;}
.rightContent h3 {font-size: 24px;}
.bannerCaption h2 {font-size: 14px;}
.podcastVideo {margin-top: 0;position: relative;}
.bannerCaption h2 span {font-size: 15px;margin-bottom: 8px;padding: 8px 18px;}
.bannerImg img {padding-top: 100px;}
section.podcastEpisode {padding: 0;}
.bannerCaption {top: 16%;}
.bannerCaption h2 {font-size: 16px;}
.bannerCaption {top: 31%;}
.podCastImg img {width: 100%;}
.teSubPages {padding: 0;}
.teSubPages h1 {font-size: 32px;}
.directionArrow a {right: 238px;top: -58px;}
.customTabs.nav-tabs .nav-item {margin-bottom: 0;width: 100%;margin-top: 5px;}
.customTabs .nav-link {padding: 12px 15px;border-radius: 10px !important;}
.customTabs.nav-tabs {border-bottom: 0;}
}
@media (max-width: 575.98px) {.innerPagesArea h1 {font-size: 21px;}
.bannerArea {background-size: cover;}
.bannerContent {width: auto;max-width: 360px;left: 0;width: 90%;}
.bannerImg img {margin-top: 85px;}
.bannerContent h1 {font-size: 20px;padding: 5px 10px;}
.getInTouchBox {height: auto;}
.btnArea {flex-direction: column;width: 100%;}
.getInTouchBox .col {width: 100%;flex-basis: 100%;}
.btnArea .btn-primary {margin-right: 0;margin-bottom: 15px;}
.centersourceFeatures h2,
.benefitsUser h2 {font-size: 26px;line-height: 42px;}
.benefitsMission p {width: 100%;}
.benefitsMission ul li strong {width: 200px;top: 8px;font-size: 16px;line-height: 23px;}
.featureBox p {height: auto;overflow-y: initial;min-height: auto;}
section.newsPaperLogo .d-flex {flex-direction: column;}
.brandBox {margin-bottom: 20px;}
.applyEmailing h2 {font-size: 30px;font-weight: bold;}
.applyBtn {padding: 20px 40px;width: 100%;}
.podcast li.nav-item,
.newsTabs.nav-tabs .nav-item {width: 100% !important;}
.podcast .nav.nav-tabs.nav-tabs-fillup > li.active a,
.newsTabs.nav.nav-tabs.nav-tabs-fillup > li.active a {width: 100%;}
.podcast .nav.nav-tabs.nav-tabs-fillup > li .active,
.newsTabs.nav.nav-tabs.nav-tabs-fillup > li .active {width: 100%;}
.pricingPage .nav-tabs .nav-item {width: 100%;margin-left: 0;margin: 6px 0;}
.tenewslist ul {margin-left: 0;}
.teNews .nav.nav-tabs.nav-tabs-fillup > li > a.active {width: 100%;}
.newLetterForm .subscribe_btn {padding: 12px 22px;}
.secondPart:before {display: none;}
.pricingPage h2 {font-size: 32px;}
.newLetterForm h4 {font-size: 28px;}
.newLetterForm p {font-size: 16px;}
.contactPage {padding-top: 50px !important;margin-top: 0 !important;}
button#dropdownMenuLink {padding: 0;}
.bannerCaption {top: 12%;}
.bannerCaption h2 {font-size: 14px;}
.directionArrow a {right: 36px;top: -15px;}
.customerName .d-flex.align-items-center.justify-content-center {flex-direction: column;}
.customerName {padding: 12px 0;}
.customerName h2 {padding-right: 0;border-right: 0 solid #c9c9c9;margin: 20px 0;font-size: 32px;}
.customerName h2 br {display: none;}
.btnArea a button {width: 100%;}
.downloadCaseStudyBtn {padding: 3px 14px;font-size: 13px;top: 140px;}
.priceBackground .btnArea {font-size: 13px;}
td.headerTd h3 {font-size: 24px;}
td.headerTd h5 {font-size: 22px;}
td.headerTd h5 span {font-size: 13px;}
td.headerTd h6 {font-size: 13px;}
.priceBackground table tbody:after,
.priceBackground table tbody:before {display: none;}
}
@media (max-width: 360.99px) {.g-recaptcha {transform: scale(0.75, 0.75);float: left;margin-left: -38px;}
}

/* .graph-title {font-size:24px;text-align:center;color:#ffffff;margin-top:20px;margin-bottom:20px;display:none;} */
.public_profile_company_logo {width: 200px;height: auto;}
.color-white {color: white;}
.color-red {color: red;}
.red_text {color: #ef5e5e !important;}
.yellow_text {color: #f78c04 !important;}

.signup_subscription_pricing_headers {font-size: 14px;}

/* new 29-11-2022*/
main {padding: 0px;overflow: hidden;} /*box-shadow: 2px 2px 4px #4E64FB;*/

/* .breadcrumb-sec {background: transparent; border-bottom: 1px solid #ddd;}
.breadcrumb-sec .breadcrumb{background: transparent;margin-bottom: 0rem;font-size: 14px;} */

.bg-skyblue-img {position: relative;background: url("../images/bg3.png") left top;background-size: 350px 400px;background-repeat: no-repeat;} /*del*/
.bg-skyblue-img2 {position: relative;background: url("../images/bg3.png") left top;background-size: auto 100%;background-repeat: no-repeat;} /*del*/

/*===================================================* newsletter */
.newsletter {padding: 50px 0;border-bottom: 1px solid #ddd;clear: both;}
.newsletter .logo img {height: 70px;width: auto;display: block;}
.newsletter .card {border-radius: 15px;border: 0px;}
.newsletter .card .card-body {padding: 40px;}
.newsletter .card .card-title {/*font-family: 'open_sanssemibold';*/
font-size: 30px;line-height: 1.5;margin-bottom: 10px;text-align: left;}
.newsletter .card .btn-theme {background: #4e64fb;color: #fff;border: 1px solid #4e64fb;border-radius: 40px;text-transform: uppercase;padding: 10px 25px;}
.newsletter .card .btn-theme:hover {background: #fff;color: #4e64fb;border: 1px solid #4e64fb;}

/*===================================================___ALL_PAGE___*section-title*/ /*del*/
.section-title {position: relative;padding: 30px 10px;}
.section-title .h1,
.section-title h1 {padding: 10px 0px;margin: 0px;font-weight: 600;font-size: 45px;line-height: 50px;color: #050a35;}
.section-title .sub-title {font-size: 15px;padding: 3px 5px;margin: 0px;font-weight: 400;line-height: 22px;background: #424cda;border-radius: 3px;color: #fff;} /*del*/
.sub-title2 {padding: 5px 10px;margin: 0px;font-weight: bold;font-size: 24px;line-height: 30px;background: #424cda;border-radius: 10px;color: #fff;} /*del*/
a.img-btn img {width: auto;text-decoration: none;max-height: 84px;}

/*===================================================___ALL_PAGE___*section-title  NEW ----*/
/* Text Box */
.text-box {margin: 1.25rem 0;}
.text-box p + a,
.text-box ul + a {margin-top: 2.5rem;}
.text-box > p + ul,
.text-box > p + p {margin-top: 1.7rem;}
.text-box ul li {opacity: 1;position: relative;padding-left: 1.5625rem;} /*opacity: .8*/
.text-box ul:not(.fact-list) li:before {color: inherit;}
/* SUB-Title */
.sec-title {padding-bottom: 1.9375rem !important;margin-bottom: 1.9375rem;}
.sec-title > h1,
.sec-title > h2 {font-size: 45px;line-height: 50px;font-weight: bold;}
.sec-title > h1 span,
.sec-title > h2 span,
.sec-title > span {font-size: calc(0.125rem + 1vw);font-weight: 600;}
.sec-title > span + h1 {margin-top: 10px;}
/*underline*/
.btm-ln {bottom: -2px;height: 3px;position: absolute;width: 3.4375rem;left: 0;}
.btm-ln:before,
.btm-ln:after {background-color: inherit;content: "";width: 6px;position: absolute;top: 0;bottom: 0;}
.btm-ln:before {left: -14px;opacity: 0;}
.btm-ln:after {right: -14px;}
.text-center .btm-ln {left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.text-center .btm-ln:before,
.text-end .btm-ln:before,
.text-md-end .btm-ln:before {opacity: 1;}
.text-end .btm-ln,
.text-md-end .btm-ln {left: auto;right: 0;}
.text-end .btm-ln:after,
.text-md-end .btm-ln:after {opacity: 0;}

.btm-right {right: -2px;top: 0px;width: 3px;position: absolute;height: 100%;}
.btm-right:before,
.btm-right:after {background-color: #fff;content: "";width: 3px;position: absolute;top: 0;right: 0;}
.btm-right:before {left: -14px;opacity: 0;}
.btm-right:after {right: -14px;}

/*===================================================___ALL_PAGE___bottom-3 CTA NEW ----*/
/* social buttons */
.google2 {background: #dd4b39 url("../images/signup/googlew.png");background-repeat: no-repeat;background-position: left 10px center;background-size: 30px 30px;border: 1px solid #dd4b39 !important;text-align: left;padding-left: 50px !important;color: #ffffff !important;width: 100%;padding: 12px 0px;border: 0px;border-radius: 3px;margin: 5px 0;display: inline-block;font-size: 17px;line-height: 20px;min-height: 50px;text-decoration: none;}
.microsoft2 {background: #4285f4 url("../images/signup/windows.png");background-repeat: no-repeat;background-position: left 10px center;background-size: 30px 30px;border: 1px solid #4285f4 !important;text-align: left;padding-left: 50px !important;color: #ffffff !important;width: 100%;padding: 12px 0px;border: 0px;border-radius: 3px;margin: 5px 0;display: inline-block;font-size: 17px;line-height: 20px;min-height: 50px;text-decoration: none;}
.google2:hover {background: #ba3524 url("../images/signup/googlew.png");background-repeat: no-repeat;background-position: left 10px center;background-size: 30px 30px;}
.microsoft2:hover {background: #2866cd url("../images/signup/windows.png");background-repeat: no-repeat;background-position: left 10px center;background-size: 30px 30px;}

/*-------graph-popup------------------------------------------*/
/*2*/
.graph-pop-up {background: #ffffff;position: absolute;z-index: 100;right: 0px;bottom: 65px;padding: 20px;border-radius: 6px;width: 340px;opacity: 0;box-shadow: 0 3px 6px 0 rgba(75, 74, 75, 0.2);transform: translatey(20px);transition:
opacity 0.25s ease,
transform 0.25s ease-out;}
/*heding*/
.graph-pop-up .graph-pop-up-heading {display: flex;align-items: flex-start;justify-content: space-between;}
.graph-pop-up .graph-pop-up-heading h3 {font-size: 24px;font-weight: 600;line-height: 34px;margin: 0px;}
.graph-pop-up h4 {font-size: 18px;font-weight: 500;line-height: 28px;margin: 20px 0px;}
/*button*/
.graph-pop-up a {background: #ffffff;border-radius: 6px;display: flex;align-items: center;justify-content: center;font-size: 18px;font-weight: 400;padding: 8px;text-decoration: none;width: 100%;border: 1px solid #ddd;margin-bottom: 10px;}
.graph-pop-up a.bearish:hover,
a.bearish:active {background: #ffe1e1;color: #cc0000;border: 1px solid #cc0000;}
.graph-pop-up a.bullish:hover,
a.bullish:active {background: #deffde;color: #009900;border: 1px solid #009900;}
.graph-pop-up a span {margin-right: 8px;}
.graph-pop-up a span img {width: 30px;height: 30px;}

/*progress-circle*/
.graph-pop-up .progress2 {width: 150px;height: 150px !important;float: left;line-height: 150px;background: none;margin: 20px;box-shadow: none;position: relative;}
.graph-pop-up .progress2:after {content: "";width: 100%;height: 100%;border-radius: 50%;border: 12px solid #eee;position: absolute;top: 0;left: 0;}
.graph-pop-up .progress2 > span {width: 50%;height: 100%;overflow: hidden;position: absolute;top: 0;z-index: 1;}
.graph-pop-up .progress2 .progress-bar {width: 100%;height: 100%;background: none;border-width: 12px;border-style: solid;position: absolute;top: 0;}
.graph-pop-up .progress2 .progress-left {left: 0;}
.graph-pop-up .progress2 .progress-left .progress-bar {left: 100%;border-top-right-radius: 80px;border-bottom-right-radius: 80px;border-left: 0;-webkit-transform-origin: center left;transform-origin: center left;}
.graph-pop-up .progress2 .progress-right {right: 0;}
.graph-pop-up .progress2 .progress-right .progress-bar {left: -100%;border-top-left-radius: 80px;border-bottom-left-radius: 80px;border-right: 0;-webkit-transform-origin: center right;transform-origin: center right;animation: loading-1 1.8s linear forwards;}
.graph-pop-up .progress2 .progress-value {width: 90%;height: 90%;border-radius: 50%;background: #000;font-size: 24px;color: #fff;line-height: 135px;text-align: center;position: absolute;top: 5%;left: 5%;}

.graph-pop-up .progress2.blue .progress-bar {border-color: #049dff;}
.graph-pop-up .progress2.blue .progress-left .progress-bar {animation: loading-2 1.5s linear forwards 1.8s;}

@keyframes loading-1 {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
100% {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
}
@keyframes loading-2 {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
100% {-webkit-transform: rotate(144deg);transform: rotate(144deg);}
}
@keyframes loading-3 {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
100% {-webkit-transform: rotate(135deg);transform: rotate(135deg);}
}

/*1-toggle-button*/
.toggle-graph-inspo {background: #ffffff;position: absolute;z-index: 100;right: 0px;bottom: 0px;padding: 10px;border-radius: 25px;width: 180px;height: 50px;border-style: none;cursor: pointer;display: flex;flex-direction: column-reverse;align-items: center;justify-content: center;box-shadow: 0 3px 6px 0 rgba(75, 74, 75, 0.2);transition:
width 0.3s ease-in-out,
background 0.2s ease;outline: none;}
.toggle-graph-inspo:hover,
.toggle-graph-inspo:active {background: #ffffff;}
.toggle-graph-inspo.inspo-box-open {flex-direction: column;width: 50px;}
.toggle-graph-inspo.inspo-box-open .open-inspo-box {transition: none;opacity: 0;}
.toggle-graph-inspo.inspo-box-open .close-inspo-box {margin-top: 2px;opacity: 1;transform: rotate(0deg);transition:
opacity 0.2s ease-out,
transform 0.4s ease-out;}
.toggle-graph-inspo .open-inspo-box {display: flex;align-items: center;justify-content: space-between;color: #274666;font-size: 16px;font-weight: 600;line-height: 27px;opacity: 1;transition: opacity 0.2s 0.2s ease-out;width: 144px;}
.toggle-graph-inspo .open-inspo-box img {width: 30px;height: 30px;}
.toggle-graph-inspo .close-inspo-box {position: absolute;margin-top: 2px;opacity: 0;transform: rotate(-90deg);}

.inspo-box-display-on {display: block !important;}
.inspo-box-visible {opacity: 1;transform: translatey(0);}

/*==================================================== BIG RESPONSIVE DESIGN ==========================================*/

@media (min-width: 1400px) {.container-fluid {max-width: calc(100% - 140px) !important;padding-right: 30px !important;padding-left: 30px !important;}
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm,
.container {max-width: 1320px;}
}
@media (min-width: 1600px) {.container-fluid {max-width: calc(100% - 160px) !important;padding-right: 40px !important;padding-left: 40px !important;}
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm,
.container {max-width: 1540px !important;}
}
@media (min-width: 1800px) {.container-fluid {max-width: calc(100% - 180px) !important;padding-right: 50px !important;padding-left: 50px !important;}
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm,
.container {max-width: 1740px !important;}
}
@media (min-width: 1900px) {/*1920 x 1080*/
.container-fluid {max-width: calc(100% - 180px) !important;padding-right: 50px !important;padding-left: 50px !important;}
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm,
.container {max-width: 1840px !important;}
}

@media (min-width: 2500px) {/*2560 x 1440*/
.container-fluid {max-width: calc(100% - 300px) !important;padding-right: 72px !important;padding-left: 72px !important;}
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm,
.container {max-width: 2460px !important;}

.sec-title > h1,
.sec-title > h2 {font-size: 70px;line-height: 90px;}
}
@media (min-width: 3400px) {/*3456 x 2234*/
.container-fluid {max-width: calc(100% - 600px) !important;padding-right: 96px !important;padding-left: 96px !important;}
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm,
.container {max-width: 3300px !important;}

.sec-title > h1,
.sec-title > h2 {font-size: 90px;line-height: 110px;}
}
@media (min-width: 3800px) {/*3840 x 2160*/
.container-fluid {max-width: calc(100% - 600px) !important;padding-right: 96px !important;padding-left: 96px !important;}
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm,
.container {max-width: 3740px !important;}

.sec-title > h1,
.sec-title > h2 {font-size: 110px;line-height: 130px;}
}

/*====================================================  RESPONSIVE DESIGN ==========================================*/

@media only screen and (min-width: 1200px) and (max-width: 1440px) {.section-title .h1,
.section-title h1 {font-size: 30px !important;line-height: 40px;}

.sec-title > h1,
.sec-title > h2 {font-size: 36px !important;line-height: 40px;font-weight: bold;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.sec-title > h1,
.sec-title > h2 {font-size: 30px;line-height: 36px !important;}

.sec-title > h1 span,
.sec-title > h2 span,
.sec-title > span {font-size: calc(0.4rem + 1vw);font-weight: 600;}

.container-fluid {padding: 0 20px;}
header .navbar .navbar-brand img {height: 40px;width: auto;}
.newsletter .card .card-title {font-size: 26px;}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.sec-title > h1,
.sec-title > h2 {font-size: 30px;line-height: 36px !important;}

.sec-title > h1 span,
.sec-title > h2 span,
.sec-title > span {font-size: calc(0.4rem + 1vw);font-weight: 600;}

.container-fluid {padding: 0 20px;}
.newsletter .card .card-body {padding: 30px;}
.newsletter .card .card-title {font-size: 30px;}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.sec-title > h1,
.sec-title > h2 {font-size: 20px;line-height: 24px !important;}

.container-fluid {padding: 0 20px;}
}
@media (max-width: 575px) {
.sec-title > h1,
.sec-title > h2 {font-size: 20px;line-height: 24px !important;}

.sec-title > h1 span,
.sec-title > h2 span,
.sec-title > span {font-size: calc(0.6rem + 1vw);font-weight: 600;}

.newsletter .card .card-body {padding: 20px;}
.newsletter .card .card-title {font-size: 30px;}
.newsletter .logo img {height: 60px;width: auto;display: block;}
.section-title .sub-title {font-size: 15px;line-height: 18px;}
}
@media (max-width: 480px) {.container-fluid {padding: 0 10px;}
.section-title .h1,
.section-title h1 {font-size: 24px !important;line-height: 30px;}
.newsletter .card .card-body {padding: 20px;}
.newsletter .card .card-title {font-size: 20px;}
/* .breadcrumb-sec .breadcrumb{font-size: 10px; } */
.section-title .sub-title {font-size: 15px;line-height: 18px;}
}
@media (max-width: 360px) {.section-title .h1,
.section-title h1 {font-size: 20px !important;line-height: 24px;}
.newsletter .logo img {height: 50px;width: auto;display: block;}
/* .breadcrumb-sec .breadcrumb{font-size: 8px; } */
.section-title .sub-title {font-size: 15px;line-height: 18px;}

.sec-title > h1,
.sec-title > h2 {font-size: 20px !important;line-height: 24px;font-weight: bold;}
}
@media (max-width: 320px) {/*e*/
.section-title .h1,
.section-title h1 {font-size: 20px !important;line-height: 24px !important;}
.newsletter .logo img {height: 50px;width: auto;display: block;}
/* .breadcrumb-sec .breadcrumb{font-size: 8px; } */
.section-title .sub-title {font-size: 15px;line-height: 18px;}

.sec-title > h1,
.sec-title > h2 {font-size: 20px !important;line-height: 24px !important;font-weight: bold;}
}

/* Hide Google reCAPTCHA badge */
.grecaptcha-badge {visibility: hidden !important;opacity: 0 !important;pointer-events: none !important;}
.forecast-info-icon {font-size: 16px;cursor: pointer;cursor: pointer;position: relative;top: -4px;}