.two-col-container{position: relative;}
.two-col-container.no_plug{margin-bottom: 68px;}
.two-col-content { padding:61px 0; position: relative;}
.two-col-content.reverse .container { flex-direction: row-reverse; }
.tc-left { max-width:580px; width:100%; padding:0 80px; position: relative; height:100%; }
.tc-left .h1 { padding:0 0 15px; }
.tc-left .home-icon { padding:0; position: absolute; bottom:-61px; }
.tc-left p { padding:0 0 30px;font-size:18px; }
.tc-right > div { width: 604px; height: auto; border-radius: 8px; overflow:hidden; }
.tc-right-img img { max-width:100%; object-fit: cover; }
.tc-right-inner .h1{padding-bottom: 16px;}

/*-- css starts here --*/
.top-plugs{height: 64px; width: 50%; margin: 32px 0; position: relative;}
.top-plugs.top-plug-right{margin-left: auto;}
.top-plug-right .top-plug-icon{left: -8px; right: auto;}
.top-plugs::before, .top-plugs::after{ height: 100%; content: ""; position: absolute; z-index: 1; }
.top-plug-left::before { width: calc(100% - 32px); right: 0; bottom: 0; border-right: 2px solid #63B5D8; border-bottom: 2px solid #63B5D8; border-radius: 0 0 32px 0; }
.top-plug-left::after { width: 32px; left: 0; top: 62px; border-left: 2px solid #63B5D8; border-top: 2px solid #63B5D8; border-radius: 32px 0 0 0; }
.top-plug-right::before { width: calc(100% - 32px); left: 0; bottom: 0; border-left: 2px solid #63B5D8; border-bottom: 2px solid #63B5D8; border-radius: 0 0 0 32px; }
.top-plug-right::after { width: 32px; right: 0; top: 62px; border-right: 2px solid #63B5D8; border-top: 2px solid #63B5D8; border-radius: 0 32px 0 0; }

.top-plug-icon { position: absolute; right: -8px; top: -27px; animation: plugicon 1s linear infinite;}
.top-plug-icon img{width: 18px; object-fit: cover;}

.two-col-content:nth-child(odd){border-left: 2px solid #63B5D8; border-bottom-left-radius: 32px; border-top-left-radius: 32px;}
.two-col-content:nth-child(even){border-right: 2px solid #63B5D8; border-top-right-radius: 32px; border-bottom-right-radius: 32px;}
.two-col-content::before, .two-col-content::after{ width: calc(100% - 32px); height: 32px; content: ""; display: block; position: absolute; z-index: -1; }
.two-col-content:nth-child(odd):before { top: -2px; left: -2px; border-top: 2px solid #63B5D8; border-left: 2px solid #63B5D8; border-top-left-radius: 32px; }
.two-col-content:nth-child(odd):after { bottom: 0; left: -2px; border-bottom: 2px solid #63B5D8; border-left: 2px solid #63B5D8; border-bottom-left-radius: 32px; }
.two-col-content:nth-child(even)::before { top: -2px; right: -2px; border-top: 2px solid #63B5D8; border-right: 2px solid #63B5D8; border-top-right-radius: 32px; }
.two-col-content:nth-child(even):after { bottom: 0; right: -2px; border-bottom: 2px solid #63B5D8; border-right: 2px solid #63B5D8; border-bottom-right-radius: 32px; }
.two-col-content:first-child{border-top-left-radius: 0;}
.two-col-content:first-child::before{display: none;}

.bottom-plug-end {margin-bottom: 16px; position: relative; height: 52px; width: 32px; top: -2px; }
.bottom-plug-end.left{ float: left; border-left: 2px solid #63B5D8; border-top: 2px solid #63B5D8; border-top-left-radius: 32px; }
.bottom-plug-end.right{ float: right; border-right: 2px solid #63B5D8; border-top: 2px solid #63B5D8; border-top-right-radius: 32px; }
.bottom-plug-end img { position: absolute; left: -9px; bottom: -18px; width: 16px; height: 22px; }
.bottom-plug-end.right img{right: -9px; left: auto;}
.bottom-plug-end.no-plug{display: none;}

.two-col-reverse .two-col-content:nth-child(odd){border-right: 2px solid #63B5D8; border-left: none; border-bottom-right-radius: 32px; border-top-right-radius: 32px;}
.two-col-reverse .two-col-content:nth-child(even){border-left: 2px solid #63B5D8; border-right: none; border-top-left-radius: 32px; border-bottom-left-radius: 32px;}
.two-col-reverse .two-col-content:nth-child(odd)::before {left: 32px; border-right: 2px solid #63B5D8; border-bottom-left-radius: 0; border-top: 2px solid #63B5D8; border-left: none; border-top-left-radius: 0; border-top-right-radius: 32px; }
.two-col-reverse .two-col-content:nth-child(odd)::after { bottom: 0; right: -2px; left: auto; border-bottom: 2px solid #63B5D8; border-right: 2px solid #63B5D8; border-bottom-right-radius: 32px; border-left: none; border-bottom-left-radius: 0; }
.two-col-reverse .two-col-content:nth-child(even)::before { border-top: 2px solid #63B5D8; border-left: 2px solid #63B5D8; border-top-left-radius: 32px; border-right: none; border-top-right-radius: 0; left: -2px; right: auto; }
.two-col-reverse .two-col-content:nth-child(even)::after { bottom: 0; left: -2px; right: auto; border-left: 2px solid #63B5D8; border-bottom-left-radius: 32px; border-top-right-radius: 0; border-right: none; border-bottom-right-radius: 0; }
.two-col-reverse .two-col-content:first-child{border-top-right-radius: 0;}

/*-- css ends here --*/
.top-plugs.no-plug{display: none;}
.top-plugs.full-plug{width: 100%;}
.top-plugs.full-plug .top-plug-icon img{display: none;}
.two-col-icon{ bottom: 0; left: 50%; transform: translateX(-50%); position: absolute; }

.single_col_container .two-col-content:nth-child(1){border-bottom: none; border-bottom-left-radius: 0;}
.single_col_container .two-col-content:nth-child(1)::after{display: none;}
.single_col_container .bottom-plug-end.left{border-top-left-radius: 0; border-top: 0;}
.single_col_container .tc-left .home-icon{display: none;}

.tc-wrap-form {padding: 20px; background-color: rgba(99, 181, 216, 0.2); border-radius: 10px;}
.tc-wrap-form h2{text-align: center;}
.tc-wrap-form .with_frm_style fieldset{padding: 0; background: none; border-radius: 0;}
.tc-wrap-form .g-recaptcha > div{width: 100% !important;}
.top-plug-right.right-to-left{width: 100%;}
.top-plug-right.right-to-left .top-plug-icon img{display: none;}
.show-plug-icon .top-plug-icon img{display: block;}

.intro-two-col{margin-bottom: 120px;}
.intro-two-col .two-col-content::after{width: calc(50% - 32px);}
.intro-two-col .bottom-plug-end{left: 50%;float: left; border-left: 2px solid #63B5D8; border-top: 2px solid #63B5D8; border-top-left-radius: 32px;}

.inq_left_no_plug .top-plugs{display: block; margin-top: -64px;}
.inq_left_no_plug .top-plugs::before{ height: 100%; content: ""; position: absolute; z-index: 1;  display: block; width: 32px; left: 0; top: 62px; border-left: 2px solid #63B5D8; border-top: 2px solid #63B5D8; border-radius: 32px 0 0 0; }
.inq_left_no_plug .top-plug-icon{display: none;}
.inq_right_no_plug .two-col-content:nth-child(1){border-bottom-right-radius: 0;}
.inq_right_no_plug .top-plugs{display: block; margin-top: -64px; float: right;}
.inq_right_no_plug .top-plugs::before{ height: 100%; content: ""; position: absolute; z-index: 1;  display: block; width: 32px; right: 0; top: 62px; border-right: 2px solid #63B5D8; border-top: 2px solid #63B5D8; border-radius: 0 32px 0 0; }
.inq_right_no_plug .top-plugs::after{display: none;}
.inq_right_no_plug .top-plug-icon{display: none;}


/*-- jan 17 2024 --*/
.top-plugs.intro_right_no_plug{margin-left: auto;}
.intro_right_no_plug .top-plug-icon{left: -8px; right: auto;}
.intro_right_no_plug::before { width: calc(100% - 32px); left: 0; bottom: 0; border-left: 2px solid #63B5D8; border-bottom: 2px solid #63B5D8; border-radius: 0 0 0 32px; }
.intro_right_no_plug::after { width: 32px; right: 0; top: 62px; border-right: 2px solid #63B5D8; border-top: 2px solid #63B5D8; border-radius: 0 32px 0 0; }


.intro_right_no_col.intro-two-col{margin-bottom: 0;}
.intro_right_no_col .two-col-content{ border-right: 2px solid #63B5D8; border-bottom-right-radius: 32px; border-left: none; }
.intro_right_no_col .two-col-content::after{ width: calc(100% - 32px); right: -2px; left: auto; border-right: 2px solid #63B5D8; border-bottom-right-radius: 32px; border-left: none; border-bottom-left-radius: 0; }
.intro-two-col.intro_right_no_col .bottom-plug-end { height: 62px; width: 62px; margin: -2px 0 0; border-radius: 32px 0 0; border-left: 2px solid #63B5D8; border-top: 2px solid #63B5D8; float: left; position: static; }
.intro-two-col.intro_right_no_col .bottom-plug-end img{display: none;}


.top-plugs.intro_left_no_plug{margin-right: auto;}
.intro_left_no_plug .top-plug-icon{right: -8px; left: auto;}
.intro_left_no_plug::before { width: calc(100% - 32px); right: 0; bottom: 0; border-right: 2px solid #63B5D8; border-bottom: 2px solid #63B5D8; border-radius: 0 0 32px 0; }
.intro_left_no_plug::after { width: 32px; left: 0; top: 62px; border-left: 2px solid #63B5D8; border-top: 2px solid #63B5D8; border-radius: 32px 0 0 0; }

.intro_left_no_col.intro-two-col{margin-bottom: 0;}
.intro_left_no_col .two-col-content::after{ width: calc(100% - 32px); }
.intro-two-col.intro_left_no_col .bottom-plug-end{display: none;}

/*-- media css starts here --*/
@media only screen and (min-width: 768px){
    .tc-left.tc-half{max-width: 50%; width: 100%; padding-left: 80px; padding-right: 40px;}
    .tc-right.tc-half{max-width: 50%; width: 100%; padding-left: 40px; padding-right: 80px;}
    .reverse .tc-left.tc-half{padding-left: 40px; padding-right: 80px;}
    .reverse .tc-right.tc-half{padding-right: 40px; padding-left: 80px;}
    .tc-half .tc-left-inner{width: 100%;}
}
@media only screen and (max-width: 1024px){
    .tc-wrap-form .frm_submit button.frm_button_submit{min-width: 302px;}
}
@media only screen and (max-width: 1023px) and (min-width: 768px){ 
    .reverse .tc-left.tc-half{padding-left: 20px; padding-right: 0;}
    .reverse .tc-right.tc-half{padding-right: 20px; padding-left: 40px;}
    .two-col-reverse .reverse .tc-left.tc-half{padding-left: 0; padding-right: 20px;}
    .tc-wrap-form form .frm_form_fields .frm_fields_container{display: block;}
    .tc-wrap-form form .frm_form_fields .form-field{margin-bottom: 10px;}
    .tc-wrap-form .frm_submit button.frm_button_submit{min-width: 100%;}
}
@media only screen and (max-width: 1182px) and (min-width: 200px){ 
    .tc-left { max-width: 43vw; padding-left:30px; }
    .tc-right > div { width: 48vw; height:auto; }
    .reverse .tc-left { padding-left:0; }
    .reverse .tc-right { padding: 0 40px 0 30px; }
}
@media only screen and (max-width: 1023px) and (min-width: 200px){
    .tc-left .h1{ font-size:24px; line-height: 28px; }
    .tc-left p { font-size:16px; line-height: 24px; }
}
@media only screen and (max-width: 892px) and (min-width: 200px){
    .tc-left { max-width: 50vw; }
    .tc-right > div { width:40vw; }
}
@media only screen and (max-width: 767px) and (min-width: 200px){
    .two-col-content { padding:46px 0 61px; }
    .two-col-content.reverse{padding-left: 20px;}
    .two-col-content .container, .two-col-content.reverse .container{ flex-direction: column-reverse; }
    .tc-left { max-width: 580px;  padding: 0 0 0 20px; }
    .reverse .tc-left { padding:0 20px 0 0; }
    .tc-right { max-width:580px;  width:100%;  padding:0 0 0 20px; margin: 0 0 22px; }
    .tc-right > div { max-width:100%; width:auto; }
    .reverse .tc-right {  padding:0 20px 0 0; }
    .tc-left .home-icon { right:30px; }
    .tc-left .h1 { font-size:24px; line-height: 28px; } 
    .two-col-reverse .tc-left{padding-right: 20px; padding-left: 0;}
    .two-col-reverse .tc-right{padding-right: 20px; padding-left: 0;}
    .single_col_container .two-col-content:nth-child(1){padding-bottom: 0; padding-left: 0;}
    .inq_straight_line .two-col-content:nth-child(1){padding-bottom: 60px;}

    .two-col-container.no_plug .reverse .tc-left{padding-left: 20px; padding-right: 0;}
    .two-col-container.no_plug .reverse .tc-right{padding-left: 20px; padding-right: 0;}
    .tc-wrap-form .frm_submit button.frm_button_submit {width: 100% !important; min-width: 100%;}

    .reverse .tc-left.tc-half{padding-left: 20px; padding-right: 0;}
    .reverse .tc-right.tc-half{padding-right: 0; padding-left: 20px;}
    .two-col-reverse .reverse .tc-left.tc-half{padding-left: 0; padding-right: 20px;}
    .inq_right_no_plug .two-col-content:nth-child(1),
    .inq_left_no_plug .two-col-content:nth-child(1){padding-bottom: 60px;}

    .intro_right_no_col .tc-right{padding-right: 20px; padding-left: 0;}
    .intro_right_no_col .tc-left{padding-right: 20px; padding-left: 0;}


    .inq_right_no_plug .reverse .tc-right.tc-half{padding-left: 0; padding-right: 20px;}
}