/*
 Theme Name:   Hello-elementor Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Hello-elementor Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     hello-elementor
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  hello-elementor-child
*/


body{

}
.bannercopy{
    margin-left: 25% !important;

    overflow: hidden !important;
}
.heading-underline h1, 
.heading-underline h2,
.heading-underline h3{
    display: inline !important;
    position: relative;
}
.heading-underline h1::after, 
.heading-underline h2::after,
.heading-underline h3::after{
    content: "";
    position: absolute;
    border-bottom: 2px solid #10ABFD;
    width: 60px;
    left: 0;
    bottom: -7px;
}
.skew-btn .elementor-button{
    transform: skew(-25deg);
    margin-left: 20px;
}
.skew-btn .elementor-button > .elementor-button-content-wrapper { 
    display: inline-block; 
    transform: skew(25deg);
}
.skew-btn .elementor-button::after {
    content: '→';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.3s ease;
    right: -20px;
    font-size: 30px;
    color: #10ABFD;
}
.skew-btn .elementor-button:hover::after {
    opacity: 1;
    transform: translateY(-50%) translateX(15px);
}
.flipboxes .elementor-flip-box{
    min-height: 420px !important;
}
.thetabs{
    min-height: 300px;
}
.sectionpadding{
    padding: 60px 0px 60px 0px;
}
.sectionpadding-last{
    padding: 60px 0px 10px 0px;
}
.heading-underline h5::after{
    content: "";
    position: absolute;
    border-bottom: 2px solid #DCB271;
    width: 60px;
    left: 0;
    bottom: -7px;
}
.mainmenu .menu-item a {
    color: #343334;
}
.mainmenu .menu-item a:hover {
    color: #1FA7AD;
}
.mainmenu .menu-item a::after {
    opacity: 0;
    content:"";
    position:absolute;
    left:0; right:0; top:-10px; bottom:0;
    margin:auto;
    width:40px; height:50px;   /* arc’s radius */
    border-bottom:3px solid #10ABFD;   /* color & thickness */
    border-left:3px solid transparent;
    border-right:3px solid transparent;
    border-radius:0 0 100px 100px;      /* curve */
    transform:translateY(0px);        /* lift slightly if needed */
    background-color: transparent !important;
    color: #1FA7AD;
}
.mainmenu a:hover::after {
    opacity: 1;
    top: 0px;    
}
.mainmenu .current-menu-item a{
    color: #1FA7AD;
}
.mainmenu .current-menu-item a::after{
    opacity: 1;
    content:"";
    position:absolute;
    left:0; right:0; top:0; bottom:0;
    margin:auto;
    width:40px; height:50px;   /* arc’s radius */
    border-bottom:3px solid #10ABFD;   /* color & thickness */
    border-left:3px solid transparent;
    border-right:3px solid transparent;
    border-radius:0 0 100px 100px;      /* curve */
    transform:translateY(0px);        /* lift slightly if needed */
    background-color: transparent !important;
    color: #1FA7AD;
}
.justify p{
    text-align: justify;
}
.width-a{
    max-width: 710px !important;
    margin: 0px auto;
}
.width-b{
    max-width: 600px !important;
    margin: 0px auto;
}
.ov-hidden{
    overflow: hidden !important;
}
.ov-x-hidden{
    overflow-x: hidden !important;
}
.header-toggle{
    position: fixed !important;
    z-index: 9999 !important;
    transition: all 0.3s !important;
    padding: 15px 10px 15px 10px !important;
    background-color: #fff;
}
.header-toggle.toggled{
    transition: all 0.3s !important;
    padding: 5px 10px 5px 10px !important;
}
.mainmenu a{
    padding: 0px 10px 10px 10px !important;
    transition: all 0.3s !important;
}
.header-toggle.toggled .mainmenu a{
    padding: 0px 10px 0px 10px !important;
}
.mainmenu li{
    padding: 0px 7px 10px 7px !important;
    transition: all 0.3s !important;
}
.header-toggle.toggled .mainmenu li{
    padding: 0px 7px 20px 7px !important;
    transition: all 0.3s !important;
}
.header-toggle .mainlogo img{
    transition: all 0.3s;
}
.header-toggle .mainlogo img{
    transition: all 0.3s;
}
.header-toggle.toggled .mainlogo img{
    transition: all 0.3s;
    max-width: 100px !important;
    margin-top: -50px;
}
.header-toggle .sublogo img{
    transition: all 0.3s;
}
.header-toggle.toggled .sublogo img{
    transition: all 0.3s;
    max-width: 140px !important;
}
.page-padding{
    margin-top: 224px !important;
}
.nobreak{
    --flex-wrap: none !important;
}

@media all and (max-width: 1500px){
    
}

@media all and (max-width: 1400px){
    .bannercopy{
        margin-left: 15% !important;
    }
}

@media all and (max-width: 1300px){
    .bannercopy{
        margin-left: 10% !important;
    }
}

@media all and (max-width: 1180px){
    .bannercopy{
        margin-left: 20px !important;
    }
}
.hide-desktop{
    display: none !important;
}
@media all and (max-width: 1024px){
    .page-padding{
        margin-top: 100px !important;
    }
    .hide-1024{
        display: none !important;
    }
    .hide-desktop{
        display: block !important;
    }
    .elementor-menu-toggle{
        width: 40px;
    }
    .header-toggle .mainlogo img {
        transition: all 0.3s;
        margin-top: -50px;
    }
    .hide-desktop.mainmenu{
        position: absolute !important;
        width: 100%;
    }
    .bannercopy{
        margin-top: 50px !important;
    }
    .header-toggle.toggled {
        transition: all 0.3s !important;
        padding: 15px 10px 15px 10px !important;
    }
    .header-toggle.toggled .mainlogo img {
        transition: all 0.3s;
        max-width: 160px !important;
    }
    .mainmenu .menu-item a::after {
        display: none !important;
    }
}

@media all and (max-width: 860px){
    .thetabs{
        min-height: 340px;
    }
}

@media all and (max-width: 767px){
    .thetabs{
        min-height: 380px;
    }
}

@media all and (max-width: 660px){
    .thetabs{
        min-height: 420px;
    }
    .header-inside{
        --flex-direction: column !important;
        align-items: flex-end !important;
        --widgets-spacing-row: 10px !important;
    }
    .header-toggle .mainlogo img {
        transition: all 0.3s;
        margin-top: -90px;
    }
  	.break-button{
  		padding-top: 7px;
  	}
}

@media all and (max-width: 600px){
    .thetabs{
        min-height: 500px;
    }
}

@media all and (max-width: 460px){
    .header-inside{
        --flex-direction: column !important;
        align-items: flex-end !important;
        --widgets-spacing-row: 5px !important;
    }
    .header-toggle .mainlogo img {
        transition: all 0.3s;
        margin-top: -50px;
    }
}

@media all and (max-width: 500px){
    .thetabs{
        min-height: 580px;
    }
}

@media all and (max-width: 430px){
    .thetabs{
        min-height: 640px;
    }
}