/* Theme Options custom CSS ported from the co.uk Betheme build. */
/* h5:before {    content: url('/wp-content/uploads/2024/07/BeforeHeading-1.jpg'); padding-right: 10px; } */

/* ul {    margin: 10px !important;}*/

.ctbtn {    display: block;    margin: 0 auto;    text-align: center;    background: #f15f22;    color: #fff !important;    font-size: 18px;    padding: 15px 20px;    max-width: 220px;}

.jbtn {        background: #283C92;    color: #fff;    text-decoration: none;    padding: 15px 25px;    border-radius: 10px;    display: block;    margin: 0 auto;    text-align: center;}

.jbtn {        background: #283C92;    color: #fff;    text-decoration: none;    padding: 15px 25px;    border-radius: 10px;    display: block;    margin: 0 auto;    text-align: center;}

/* ul {    margin: 0 0 0 15px !important;} */



.spost .image_frame.scale-with-grid {

    margin-left: 0 !important;

}

.spost .date_label {

    display: none !important;

}

.spost .item_wrapper {

    margin: 0 !important;

}

.spost .desc h4 {

    background: #f15f22;

    color: #fff;

    padding: 50px 0;

    margin: -30px 0;

}

.spost .desc h4 a {

    color: #fff;

    margin: -20px 0 0 20px !important;

    display: block;

}

.mfn-footer-stickymenu {    display: none;}

.menu-label {    font-family: 'arial';    font-weight: bold;}

.darkh5:before {    content: url('/wp-content/uploads/2024/07/darkh5.jpg'); padding-right: 10px; }

li#menu-item-695 {    background: #FF5E00;    color: #fff;}

li#menu-item-695 a {    color: #fff !important;    font-weight: bold !important;}

/* Top Bar */ 

.tbar {    background: #000;    width: 100%;    display: block;    margin: 0 auto;    padding: 5px;}

.tbar-con {    width: 100%;    max-width: 1200px;    display: block;    margin: 0 auto;}

.tbar-left {    width: 49%;    display: inline-block;    float: left;}

.tbar-right {    width: 49%;    display: inline-block;    margin: 0 0 0 1%;}

.tphone {    float: left;    display: inline-block;    min-width: 45%;}

.tphone a img {    max-width: 24px;    display: inline-block;    margin: 10px 5px -5px 0;}

.tphone a {    color: #fff;}

.temail {    float: left;    display: inline-block;    min-width: 45%;}

.temail a img {    max-width: 24px;    display: inline-block;    margin: 14px 5px -5px 0;}

.temail a {    color: #fff;}

.ttime {    float: right;    display: inline-block;    min-width: 45%;    margin: 10px 0 0;    color: #fff;}

.tsocial {    float: right;    display: inline-block;    min-width: 25%;}

.tsocial a {    display: inline-block;    margin: 13px 5px 0px;     float: right;}

/* From CSS */

.formholder {    width: 100%;    display: block;    margin: 0 auto;    background: #fff;    padding: 20px 40px;}

/* label.gfield_label.gform-field-label {    display: none;    margin: 0;} /*

input#gform_submit_button_2 {    background: #ff5e00;}

.jobapply legend {    display: none !important;}

.jobapply label {    display: none !important;}

.jobapply input {    height: 50px !important;    border: none !important;    margin: 0 !important;}

/* From CSS End */ 

/* Web */ 

.whr hr {color: #fff; background: #fff;}

.icomove .hover_color_wrapper {    min-height: 550px !important;}

.sicon {    background: #f0f0f0;    max-height: 170px;    border-right: #fff 5px solid;    border-left: #fff 5px solid; margin-top: 10px;}

.sicon:hover {    background: #283C92;    max-height: 170px;    border-right: #fff 5px solid;    border-left: #fff 5px solid;    margin-top: 10px;    transition: 0.5s;}

.sicon:hover h6, .sicon:hover a {    color: #fff;}

.org {    background: #ff5e00;    max-height: 170px;    border-right: #fff 5px solid;    border-left: #fff 5px solid;    min-height: 170px; margin-top: 10px;}

.sicon2:hover {    background: #283C92;    max-height: 170px;    border-right: #fff 5px solid;    border-left: #fff 5px solid;    margin-top: 10px;    transition: 0.5s;}

.sicon2:hover h6, .sicon:hover a {    color: #fff;}

.mser {    margin: 30px 0; }

.mser h4 {    color: #fff;    margin: 10px 0 0;}

.chbox {   width: 49%;    display: inline-block;    background: #3B3982;    padding: 1% 4% 1%;}

.fullchbox {    width: 100%;    display: inline-block;    background: #3B3982;    padding: 2% 4% 1%;    margin-right: 1%;}

.chartholder {    display: inline-block;    float: left;    vertical-align: middle;}

.chartext {    display: inline-block;    float: left;    vertical-align: middle;    padding: 25px 5%;}

.pinfo {    width: 100%;    display: block;    margin: 0 auto;}

p.ptext {    font-size: 24px;}.ptext img {    max-width: 32px;    margin: 20px 25px -6px 0;}

.ptext span {    font-weight: bold;}

.altcolor {    color: #ff5e00;}

.tright a {    background: #ff5e00;    display: inline-block;    margin: 40px auto 0;    width: 250px;    text-align: center;    padding: 20px;    color: #fff;}

.fullchbox .chartext {    display: inline-block;    float: left;    vertical-align: middle;    padding: 25px 5%;    max-width: 70%;}

.steps {    width: 100%;    display: block;    margin: 0 auto;}

table.mytable {    border: none !important;}

.imgleft {    width: 10%;    vertical-align: top;}

td.txtright {    text-align: left;}

.blackbtn {    background: rgba(0, 0, 0, .8);    padding: 40px 80px;    color: #fff;    font-size: 30px;}

a.blackbtn:hover {    background: #ff5e00;    padding: 50px 100px;    font-size: 30px;    transition: 0.5s;}

a.wlbtn {    background: #ffff;    color: #ff5e00 !important;    padding: 15px 25px;    margin: 20px 25px 15px 0;    display: inline-block;    max-width: 266px;    text-align: center;    float: left;}

a.wrbtn {    background: #ffff;    color: #ff5e00 !important;    padding: 15px 25px;    margin: 20px 25px 15px 0;    display: inline-block;    max-width: 366px;   text-align: center;    float: left;}

.offer_thumb_ul .offer_thumb_li .image_wrapper {	display: none !important; }

.offer_thumb_ul .offer_thumb_li .desc_wrapper {    width: 100% !important;}

.tname {    background: rgb(223 223 223 / 50%);    display: block;    margin: 0 auto; padding: 50px 1%;}

.tname h1 {    text-align: center;    line-height: 1;}

.tname h1 span {    color: #FF5E00;}

.jobapply h3 {    font-family: 'Helvetica Light';    font-weight: bold;    font-size: 24px;    margin: 0;}

.jobapply h4 {    font-family: 'Helvetica Light';    font-weight: bold;    font-size: 18px;    margin: 0;    letter-spacing: 0;}

.otext ul {    --icon-space: 30px;     list-style: none;    padding: 0;    margin: 0;}

.otext li {  padding-left: var(--icon-space);}

.otext li:before {  content: url('/wp-content/uploads/2024/07/arrow.png') ; /* FontAwesome Unicode */  font-family: FontAwesome;  display: inline-block;  margin-left: calc( var(--icon-space) * -1 );  width: var(--icon-space);}

 .ctable li {    line-height: 1;}

.rotateme {    transform: rotate(-90deg);  -webkit-transform: rotate(-90deg);  -moz-transform: rotate(-90deg);  -ms-transform: rotate(-90deg);  -o-transform: rotate(-90deg);  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}

.offer_thumb_ul .offer_thumb_li .desc_wrapper .title h3 {    text-align: center;}

.npricing:hover {    background: #283C92;    border-radius: 10px;    border-top: 10px solid #F15F22 !important;    width: 23% !important;    margin: 0 1%;    color: #fff;    transition: 0.5s;}

.npricing:hover .icon_wrapper {    background: #fff !important;}

.npricing:hover i {    color: #F15F22;}

.npricing:hover h3 {    color: #fff;}

.npricing:hover li {    color: #fff;}

.rdbtn {    background: #283C92;    color: #fff;}

.rdbtn:hover {    background: #F15F22;    color: #fff;}

/* service section */ 

/* dup1 starts here */

.sev {    background: #fff;    display: block;    margin: 0 auto;    padding: 35px;    text-decoration: none;color: #000;transition: all 0.5s; border-radius: 20px; min-height: 600px !important;}

a.sev:hover {    text-decoration: none;    color: #000;transition: all 0.5s;}

.serviceicon {    background: #283c92;    display: block;    margin: -35px 0 50px;    max-width: 120px;    max-height: 120px;    width: 120px;    height: 120px;    border-bottom-left-radius: 15px;    border-bottom-right-radius: 15px; transition: all 0.5s;}

.serviceicon img {    display: block;    margin: 0 auto;    padding-top: 25px; transition: all 0.5s;}

.sevcon p {    color: #000;transition: all 0.5s;}

.sevlink {    color: #000;    text-decoration: underline;    font-weight: bold;transition: all 0.5s;}

.sev:hover .serviceicon {    border-radius: 0;}

.sev:hover .serviceicon img {    padding-top: 8px;}

a.sev:hover {    background: #e9e9e9;}

.sevlink:hover {    color: #283C92;}

/* dup1 ends here */

/* dup2 starts here */

.sev2 {    background: #ccd3f4;    display: block;    margin: 0 auto;    padding: 35px;    text-decoration: none;color: #000;transition: all 0.5s; border-radius: 20px; min-height: 600px !important;}

.sev2:hover {    text-decoration: none;    color: #000; transition: all 0.5s;}

.serviceicon {    background: #283c92;    display: block;    margin: -35px 0 50px;    max-width: 120px;    max-height: 120px;    width: 120px;    height: 120px;    border-bottom-left-radius: 15px;    border-bottom-right-radius: 15px; transition: all 0.5s;}

.serviceicon img {    display: block;    margin: 0 auto;    padding-top: 25px; transition: all 0.5s;}

.sevcon p {    color: #000;transition: all 0.5s;}

.sevlink {    color: #000;    text-decoration: underline;    font-weight: bold;transition: all 0.5s;}

.sev2:hover .serviceicon {    border-radius: 0;}

.sev2:hover .serviceicon img {    padding-top: 8px;}

.sev2:hover {    background: #fff;}

.sevlink:hover {    color: #283C92;}

/* dup2 ends here */

/* dup3 starts here */

.sev3 {    background: #e7e7e7;    display: block;    margin: 0 auto;    padding: 35px;    text-decoration: none;color: #000;transition: all 0.5s; border-radius: 20px; min-height: 600px !important;}

.sev3:hover {    text-decoration: none;    color: #000; transition: all 0.5s;}

.serviceicon {    background: #283c92;    display: block;    margin: -35px 0 50px;    max-width: 120px;    max-height: 120px;    width: 120px;    height: 120px;    border-bottom-left-radius: 15px;    border-bottom-right-radius: 15px; transition: all 0.5s;}

.serviceicon img {    display: block;    margin: 0 auto;    padding-top: 25px; transition: all 0.5s;}

.sevcon p {    color: #000;transition: all 0.5s;}

.sevlink {    color: #000;    text-decoration: underline;    font-weight: bold;transition: all 0.5s;}

.sev3:hover .serviceicon {    border-radius: 0;}

.sev3:hover .serviceicon img {    padding-top: 8px;}

.sev3:hover {    background: #fff;}

.sevlink:hover {    color: #283C92;}

/* dup3 ends here */

/*pricing box css */

.npricing {    -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.75);    -moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.75);    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.75);    background: #fff; border-radius: 10px;    border-top: 10px solid #000 !important; width: 23% !important;     margin: 0 1%;}

.spricing {    -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.75);    -moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.75);    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.75);    background: #000; border-radius: 10px;    border-top: 10px solid #fff !important; width: 23% !important;     margin: 0 1%; color: #fff; }

.ohr {    background: #FF5E00;    max-width: 50%;    height: 5px;}

.whtohr {    background: #fff;    max-width: 50%;    height: 5px;}

.plist {    list-style: none !important;    margin: 0 !important;}

.plist li {    line-height: 2.5;    font-weight: bold;    border-bottom: 2px solid rgba(0, 0, 0, .1);}

.plist li {    line-height: 2.5;    font-weight: bold;    border-bottom: 2px solid rgba(0, 0, 0, .1);    font-size: 15px;    margin: 0;}

.overbtn {    margin: 40px 0 -70px;}

.rdbtn {    border-radius: 60px;    min-width: 60%;}

.spricing h4, .spricing h1, spricing hr {    color: #fff !important;}

.spricing ul li {    color: #fff !important;    border-bottom: 2px solid rgb(255 255 255 / 31%);}

/* pricing box css ends here */ 

ul.taxlist {    list-style: none;    margin: 0;    display: block;    width: 100%;}

.taxlist li {    padding: 20px;    border: 1px solid;    background: #283C92;    color: #fff;}

.taxlist li a {    color: #fff;}

.taxlist li:hover {    background: #F15F22;    transition: all 0.5s;}

.sub-menu li {    background: #f7f7f7;    padding: 0 !important;    border-bottom: 2px solid #283C92;}

.sub-menu li a {    font-size: 14px !important;    padding: 7px 5% !important;}

.ggbtn {    background: #283c92;    color: #fff;    padding: 25px 110px;    margin: 0 auto;    display: block;    text-align: center;    border-radius: 15px;    min-width: 430px;}

.ggbtn:hover {    background: #283c92;    color: #fff;    padding: 15px 90px;    margin: 0 auto;    display: block;    text-align: center;    border-radius: 15px;    min-width: 430px; transition: all 0.5s;}

textarea#input_3_5 {    max-height: 150px !important;    min-block-size: 150px !important;}

.mpt a {    background: #F15F22;    color: #fff;    padding: 10px 15px;    border-radius: 8px;    text-decoration: none;}

.mpt a:hover {    background: #000;    color: #fff;    padding: 10px 15px;    border-radius: 8px;    text-decoration: none;    transition: all 0.5s;}

.fancytxt {    font-family: 'Arizonia';    font-size: 60px;}

.tform label.gfield_label.gform-field-label {    display: block;    margin: 10px 0;}

.tform .gform-theme--foundation .gform_fields {    grid-row-gap: 4px !important;}

.gform-theme--foundation .gform_fields {    grid-row-gap: 4px !important;}

/* Footer Starts Here */ 

.myfooter {    width: 100%;    display: block;    margin: 0 auto;    max-width: 1220px;}

.fo1 {    width: 20%;    display: inline-block;    margin: 50px 0 0;    float: left;}

.fo2 {    width: 25%;    display: inline-block;    margin: 50px 0 0;    float: left;}

.fo3 {    width: 25%;    display: inline-block;    margin: 50px 0 0;    float: left;}

.fo4 {    width: 30%;    display: inline-block;    margin: 50px 0 0;    float: left;}

.foseprator {    height: 2px;    color: #ffffff;    background: rgb(255 255 255 / 50%);    margin: 70px 0 0 !important;    display: block;    float: left;}

/* Footer Ends Here */



/* responsive starts here */ 

@media only screen and (min-width: 300px) and (max-width: 767px)

{

.mpt a {    display: block;    margin: 20px auto;    max-width: 300px;}

.sicon {    width: 100%;    display: block;    margin: 10px auto;    min-height: 260px;    border-bottom: 4px solid #fff;}

.sicon img {    max-width: 40%;    display: block;    margin: 0px auto;    text-align: center;}

.sicon h6 {    text-align: center;    width: 100%;    display: block;    font-size: large;    margin: 10px auto;}

.sicon p {    text-align: center;    width: 100%;    display: block;    font-size: medium;    margin: 20px auto;}

.npricing {    min-width: 100% !important;}

.spricing {    min-width: 100% !important;}

}