/*
Theme Name: Techtrade
Description: Techtrade Child Theme 
Author: Tech Trade
Template: Divi
Version: 1.0.0
*/

/* Add your custom CSS below this line */
/**/
.pkabg:before {
    background: #e53038;
    height: 80px;
    width: 80px;
    right: -15px;
    position: absolute;
    top: -15px;
    content: "";
    border-radius: 8px;
}
.careersection h4 {
    font-weight: 500;
    color: #011541;
}
.careersection li {
  line-height: 2.5em;
}
.gplaybtn {
    display: inline-block;
    margin-right: 2%;
    width: 48%;
}
.applebtn {
    display: inline-block;
    margin-right: 2%;
    width: 48%;
}
.strong-view.wpmtst-modern .wpmtst-testimonial-content:before {
	    background: #d1001f !important;
}
.strong-view.wpmtst-modern .wpmtst-testimonial-content:after {
	    background: #d1001f !important;
}

/**/
.hero {
    background: var(--grad-dark);
    padding: 140px 5% 80px;
    min-height: 92vh;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
}
.hero-grid {
   
    background-image: linear-gradient(rgba(40, 85, 192, 0.07) 1px, transparent 1px), linear-gradient(90deg, rgba(40, 85, 192, 0.07) 1px, transparent 1px);
    background-size: 60px 60px;
}
a.freeaccbtn {
    background: #e63840;
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    border: 1px solid #e63840;
    margin-right: 2% !important;
}
a.tradebtn {
    background: transparent;
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 10px;
    color: #fff;
    display: inline-block;
    border: 1px solid #fff;
}
.headptn ul {
    padding-left: 0 !important;
}
.headptn ul li {
    display: inline-block;
    font-size: 12px;
    margin-right: 2%;
    margin-left: 11px;
    letter-spacing: 1px;
}
.headptn ul li:before {
    content: "";
    background: red;
    width: 6px;
    height: 6px;
    position: absolute;
    border-radius: 30px;
    margin-top: 10px;
    margin-left: -11px;
}
a.freeaccbtn:hover {
    background: #e53038cc;
}
a.tradebtn:hover {
    background: #fff;
    color: #000;
}
.sebiline
 {
    background: #223b764f !important;
    display: inline-block;
    padding: 5px 15px 5px 15px;
    border-radius: 24px;
    border: 2px solid #3c60b68a !important;
    font-size: 13px;
    letter-spacing: 1px;
}

.stepsbg {
    text-align: center;
    display: flex;
    align-content: flex-start;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px !important;
}
.stepsbg h4 {
    background: #fff;
    display: inline-block;
    padding: 12px;
    border-radius: 30px;
    color: #E53038;
    font-weight: 600;
    border: 2px solid #E53038;
    font-size: 18px;
    height: 45px;
    width: 45px;
}


.bgarrow {
    position: relative;
    background: #88b7d5;
    border: 4px solid #c2e1f5;
    border-top: 0;
    border-left: 0;
    border-bottom: 0;
}
.bgarrow:after, .bgarrow:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.bgarrow:after {
   /* border-color: rgba(136, 183, 213, 0);*/
    border-left-color: #E53038;
    border-width: 30px;
    margin-top: -30px;
}
.bgarrow:before {
    /*border-color: rgba(194, 225, 245, 0);*/
    border-left-color: #ffd4d6;
    border-width: 36px;
    margin-top: -36px;
}
.googleplaybtn a {
    color: #fff;
}
.googleplaybtn p:before {
    content: "";
    background: url(https://testingtweaks.com/techtrade/wp-content/uploads/2026/05/google-play-1.png);
    width: 64px;
    height: 64px;
    position: absolute;
    background-repeat: no-repeat;
    left: 11px;
    top: 14px;
}
.appleplaybtn p:before {
    content: "";
    background: url(https://testingtweaks.com/techtrade/wp-content/uploads/2026/05/apple.png);
    width: 64px;
    height: 64px;
    position: absolute;
    background-repeat: no-repeat;
    left: 11px;
    top: 14px;
}
.googleplaybtn {
    padding: 8px 18px 8px 50px;
    text-align: left;
    border-radius: 10px;
    background: #101a39;
    display: inline-block;
    position: relative;
}
.appleplaybtn a {
    color: #fff;
}
.bottomshadoww:before {
    content: "";
    background-image: linear-gradient(359deg, rgba(255, 255, 255, 1) 12%, rgb(255 255 255 / 0%) 100%);
    width: 100%;
    position: absolute;
    bottom: 0px;
    height: 200px;
    z-index: 1;
}
.appleplaybtn {
    padding: 8px 18px 8px 50px;
    text-align: left;
    border-radius: 10px;
      background: #101a39;
    display: inline-block;
    position: relative;
}
.licencecol .coluone strong {
    background: #2855C0;
    padding: 2px 5px 2px 8px;
    color: #fff;
    font-weight: 400;
    font-size: 13px;
    margin-right: 2%;
    border-radius: 5px;
}
.licencecol span {
    font-size: 13px;
    color: #000;
}
.licencecol .colutwo strong {
    background: #E53038;
    padding: 2px 5px 2px 8px;
    color: #fff;
    font-weight: 400;
    font-size: 13px;
    margin-right: 2%;
    border-radius: 5px;
}
.licencecol .coluthr strong {
    background: #2855C0;
    padding: 2px 5px 2px 8px;
    color: #fff;
    font-weight: 400;
    font-size: 13px;
    margin-right: 2%;
    border-radius: 5px;
}
.licencecol .colufou strong {
    background: #E53038;
    padding: 2px 5px 2px 8px;
    color: #fff;
    font-weight: 400;
    font-size: 13px;
    margin-right: 2%;
    border-radius: 5px;
}
.licencecol .colufiv strong {
    background: #2855C0;
    padding: 2px 5px 2px 8px;
    color: #fff;
    font-weight: 400;
    font-size: 13px;
    margin-right: 2%;
    border-radius: 5px;
}
#top-menu li a {
    font-weight: 400 !important;
    color: #000;
}
#et-top-navigation {
    padding-top: 25px !important;
    padding-bottom: 5px !important;
}

li.tradebtn  a {
    background: #E53038;
    padding: 13px 20px 13px 20px !important;
    color: #fff !important;
    font-size: 15px;
    border-radius: 10px;
    border:1px solid #E53038;
}
li.opendemat a {
    background: transparent;
    padding: 13px 20px 13px 20px !important;
    color: #000 !important;
    font-size: 15px;
    border-radius: 10px;
     border:1px solid #E53038;
}

.compaintform {
    background: #e63840;
    padding: 8% 11%;
    border-radius: 20px;
}
.compaintform input {
    width: 100%;
    padding: 17px;
    border-radius: 10px;
}
.compaintform textarea {
    width: 100%;
    padding: 17px;
    border-radius: 10px;
    height: 110px;
}
.compaintform label {
    color: #fff;
    font-size: 15px;
}
.compaintform input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background: #fff;
    font-size: 16px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 500;
    border: none;
    cursor: pointer;
}
.compaintform .wpcf7-response-output {
    color: #fff;
    border: none !important;
    margin: 0 !important;
}
.tabsection .et_pb_tabs_controls li {
    border-bottom: 2px solid #101a39;
    width: 23% !important;
    padding: 12px;
    border-radius: 16px;
    margin-right: 2%;
    border-top: 0;
    border-right: 0;
    border-left: 0;
}
.tabsection .et_pb_tabs_controls li a {
    color: #000;
}
.tabsection .et_pb_module.et_pb_tabs.et_pb_tabs_0 {
    border: none;
}
.tabsection  ul.et_pb_tabs_controls {
    background-color: transparent !important;
}
.tabsection ul.et_pb_tabs_controls.clearfix {
    text-align: center;
    width: 100% !important;
    max-width: 800px;
    margin: 0 auto;
}
.tabsection ul.et_pb_tabs_controls:after {
 border : none !important;
}
.tabsection .et_pb_tabs_controls li.et_pb_tab_active {
    border-bottom: 2px solid #E63840;
    background: transparent;
}
.tablesection thead {
    background: #011136;
}
.tablesection thead th {
    color: #fff;
}
.tablesection tbody:nth-child(even) {
    background: #F4F6FB;
}
.icoinline {
    display: table-cell;
    vertical-align: top;
}
.icobg
 {
    background: #ffffff;
    padding: 15px 17px;
    border-radius: 10px;
}
.pdfcont {
    padding-left: 2%;
}
.investorpage .tabsection ul.et_pb_tabs_controls.clearfix {
    text-align: center;
    width: 100% !important;
    max-width: 1000px;
    margin: 0 auto;
}
.investorpage .tabsection .et_pb_tabs_controls li {
    border-bottom: 2px solid #101a39;
    width: 18% !important;
    padding: 12px;
    border-radius: 16px;
    margin-right: 2%;
    border-top: 0;
    border-right: 0;
    border-left: 0;
}
.investorpage .tabsection .et_pb_tabs_controls li.et_pb_tab_active {
    border-bottom: 2px solid #E63840;
    background: transparent;
}
.testimonialsection .ti-widget.ti-wp-testimonial-2 .ti-review-item>.ti-inner {
    border-color: #e2ebff !important;
   background-color: #e2ebff !important;
}
.testimonialsection .ti-widget.ti-wp-testimonial-2 .ti-review-content .ti-review-text {
    font-size: 15px !important;
    line-height: 1.6em !important;
}
.ti-review-text-container.ti-review-text {
    height: 100px !important;
}
.icosize .et_pb_blurb_position_left .et_pb_main_blurb_image, .et_pb_blurb_position_right .et_pb_main_blurb_image {
    width: 50px !important;
}
.threecol .et_pb_column {
    width: 31% !important;
}
.rmwp-button-wrap button {
    color: #000 !important;
    background-color: transparent !important;
    
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #e2e6ea;
    margin: 0 0 0 2px;
    padding: 10px 20px;
    font-size: 9.75pt;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    border-bottom: 1px solid #e53038 !important;
    border-top: 0;
    border-right: 0;
    border-left: 0;
}
span#ellipsis-534692280 {
    display: none !important;
}
.bgline:before {
    position: absolute;
    content: "";
    background: red;
    width: 90%;
    height: 1px;
    top: 24%;
}
.listingico li:before {
    content: "";
    background: url(https://testingtweaks.com/techtrade/wp-content/uploads/2026/06/ezgif-72e2c8b4e6c0270f.gif);
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0;
}
.contactformsection p {
    width: 48%;
    display: inline-block;
    margin-left: 1%;
}
.contactformsection p input {
    width: 100%;
    padding: 15px;
}
.contactformsection p textarea {
    width: 100%;
}
p.messagegfield {
    width: 97% !important;
}
p.submitbtn input.wpcf7-form-control.wpcf7-submit.has-spinner {
    font-size: 17px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 500;
    background: #E63840;
    border: none;
    border-radius: 13px;
    padding: 20px;
    color: #fff;
    cursor: pointer;
}
p.submitbtn {
    width: 23%;
    float: right;
    margin-right: 2%;
}
table {
    overflow-x: scroll;
   /* display: block;*/
    overflow-x: auto;
}
@media (max-width: 768px) {
a.freeaccbtn {
    width: 100%;
    text-align: center;
    margin-bottom: 4%;
}
.attachmentfield {
  width: 100% !important;
}
a.tradebtn {
    width: 100%;
    text-align: center;
}
.bgarrow:after, .bgarrow:before {
    display: none;

}
.googleplaybtn {
    width: 100%;
    margin-bottom: 2%;
}
.appleplaybtn {
    width: 100%;
}
#logo {
    max-height: 63% !important;
}
.mobile_menu_bar:before, .mobile_menu_bar:after, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a {
    color: #011541 !important;
}
.et_mobile_menu {
    border-top: 3px solid #011541 !important;
}
.et_mobile_menu li a {
    color: #000;
    font-weight: 400;
}
.et_mobile_menu .menu-item-has-children>a

 {
    font-weight: 600; 
}
li.opendemat.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-139 {
    margin-bottom: 3%;
}
.tabline .et_pb_column {
    border: none;
}
h5.et_pb_toggle_title {
    line-height: 1.8em;
}
.tabsection .et_pb_tabs_controls li {
    width: 100% !important;
    text-align: center;
}
.tabsection li {
    width: 100% !important;
    text-align: center;
}
.tabsection li a {
    text-align: center;
    width: 100% !important;
    display: block;
}
.investorpage .tabsection .et_pb_tabs_controls li {
    width: 100% !important;
}
.tradefoot ul {
    padding-left: 0;
}
p.submitbtn {
    width: 100%;
    float: right;
    margin-right: 2%;
}
}
@media (max-width: 1366px)  {
table {
    overflow-x: scroll;
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}
}