body{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
   }
   p{
   font-family: sans-serif;
   }
   .ctm-bg {
     margin-top: 88px !important;
     position: relative;
     text-align: center;
     color: white;
   }
   
   .top-left {
       position: absolute;
       top: 40%;
       left: 7%;
       color: #d02a45;
       font-size: 33px;
       font-weight: 800;
       font-family: sans-serif;
   }
   .ctm-bg img{
       width:100%;
   }
   .button-div a{
       color:black;
   
   }
   .about-us .container .nav{
       display: flex;
   justify-content: space-between;
   }
   .about-us .container .nav .nav-child1{
       width: 20%;
       display: flex;
       color: #d02a45;
       font-weight: bold;
   }
   .about-us .container .nav .nav-child1 .img-div{
       width: 30%;
   }
   .about-us .container .nav .nav-child1 .graph-div{
       width: 70%;
       padding:20px 0  0 10px;
   }
   .about-us .container .nav .nav-child1 img{
       width: 100%;
   }
   .about-us .container .nav .nav-child2{
       width: 30%; 
       padding-top: 25px;
   }
   .about-us .container .nav .nav-child2 a{
       text-decoration: none;
       font-weight: bold;
       margin-left: 6px;
   }
   /* section header end */
    /* About us start  */ .bg-img{
       background-size: 100%;
       background-position: center;
       background-image: url({{asset('frontend/assets')}}./main/42547903-soccer-save-from-the-goalkeeper-neon-style.webp);
       padding: 30px 0;
   }
   .bg-img .container h1{
       color: #d02a45;
       font-size: 40px;
       font-weight: bold;
   }
     /* About us start  */
     /* <!-- graph start --> */
   .graph{
       padding: 30px 0;
   }
     /* <!-- graph end --> */
     /* <!-- section athlete start --> */
   .athlete .container .flex-div{
       display: flex;
       justify-content: space-between;
   }
   .athlete .container .flex-div .flex-child1{
       width: 47%;
   }
   .athlete .container .flex-div .flex-child1 img{
       width: 100%;
   }
   .athlete .container .flex-div .flex-child2{
       width: 47%;
   }
   .athlete .container .flex-div .flex-child2 h1{
       text-align: center;
       font-size: 35px;
   }
   .athlete .container .flex-div .flex-child2 ol{
       padding: 0;
       line-height: 24px;
   }
     /* <!-- section athlete start --> */
     /* <!-- our mission start --> */
     .our-mission{
       margin: 30px 0px 50px 0px !important;
     }
     .ctm-pading{
         margin:13px 0px !important;
     }
   .our-mission .vision .vision-child1{
       width: 49%;
       border: 1px solid rgb(243, 239, 239);
       padding: 10px 30px 30px 30px;
       line-height: 24px;
   }
   .our-mission .vision{
       display: flex;
       justify-content: space-between;
   }
   .our-mission .vision .vision-child1 .head-flex{
       display: flex;
   }
   .our-mission .vision .vision-child1 p{
       margin: 0;
   }
   .our-mission .vision .vision-child1 h3{
       color: #d02a45;
       font-weight: bold;
       font-size: 17px !important;
   }
   .our-mission .vision .vision-child1  i{
       color: black;
       font-size: 30px;
       margin: 13px 10px 0 0;
   }
       /* <!-- our mission start --> */
       /* <!-- section man start --> */
       .man-sec{
           BACKGROUND-COLOR: #edf5ff;
           padding: 50px 0;
       }
       .man-sec h1{
           font-size: 40px;
           text-align: center;
           margin: 0 0 20px 0;
       }
       .man-sec .man-flex{
           display: flex;
           justify-content: space-between;
       }
       .man-sec .man-flex .man-child{
           width: 23%;
           background-color: white;
       }
       .man-sec .man-flex .man-child img{
           width: 100%;
       }
       .man-sec .man-flex .man-child h3{
           margin: 20px 0px 0px 0px;
           font-size: 16px;
           color: #d02a45;
           text-align: center;
       }
       .man-sec .man-flex .man-child .p-style{
           text-align: center;
           font-weight: 400;
           margin: 0;
           font-size: 12px;
           font-style: italic;
           color: gray;
           padding: 5px;
       }
       .man-sec .man-flex .man-child p{
           padding: 14px;
           word-spacing: 3px;
       }
       .man-sec .man-flex .man-child h4{
           margin: 0;
           padding: 0 0 18px 0;
           text-align: center;
           color: #d02a45;
           font-size:16px !important;
       }
       .man-sec .man-flex .man-child a{
           text-decoration: none;
       }
   
       /* <!-- section man end --> */
       /* fley section start */
       .fley{
           padding: 66px 0 30px 0;
       }
       .fley .fley-main {
           display: flex;
           justify-content: space-between;
       }
       .fley .fley-main .fley-child1{
           width: 20%;
       }
       .fley .fley-main .fley-child1 img{
           width: 100%;
       }
       .fley .fley-main .fley-child2{
           width: 22%;
            align-self:center;
            text-align:center !important;
       }
       .fley-child2 h1{
           font-size:29px;
       }
       .fley .fley-main .fley-child2 button , .fley .fley-main .fley-child2 a{
           padding: 12px 42px;
           border: 1px solid #d1cbcb;
           background-color: white;
           border-radius: 22px;
           color: #d02a45;
           transition:.7s ease;
       }
       .fley .fley-main .fley-child2 button:hover , .fley .fley-main .fley-child2 a:hover {
           background-color: black;
           color: white;   
       }
       .fley .fley-main .fley-child2 button:focus , fley .fley-main .fley-child2 a:focus{
           box-shadow: 0px 0px 7px black;
       }
       .fley .fley-main .fley-child3{
           width: 50%;
       }
       .fley .fley-main .fley-child3 img{
           width: 100%;
       }
       /* fley section end */
       /* media query start */
   @media screen and (max-width: 1230px) and (min-width: 992px){ 
       .container{
           width: 93%;
       }
   }                                                                                      
   @media screen and (max-width: 991px) and (min-width: 768px){
       .sm-edit{
               font-size: 15px;
       }
       .container{
           width: 93%;
       }
       .athlete .container .flex-div .flex-child2{
           width: 49%;
       }
       .athlete .container .flex-div .flex-child2 h1{
           font-size: 24px;
       }
       .athlete .container .flex-div .flex-child2 ol{
           line-height: 20px;
           font-size: 14px;
       }
       .ctm-pading{
           margin: 9px 0px !important;
       }
       .athlete .container .flex-div .flex-child1{
           width: 49%;
           padding-top: 52px;   
       }
       .our-mission .vision .vision-child1{
           line-height: 20px;
           padding: 10px 11px;
           width: 49%;
       }
       .our-mission .vision .vision-child1 p{
           font-size: 14px;
       }
       .man-sec .man-flex .man-child p {
           padding: 0px;
           text-align: center;
           word-spacing: 0px;
       }
   }
   @media screen and (max-width: 767px) and (min-width: 667px) {
       .sm-edit{
           font-size: 15px;
   }
   .container{
       width: 93%;
   }
   .athlete .container .flex-div .flex-child2{
       width: 49%;
   }
   .athlete .container .flex-div .flex-child2 h1{
       font-size: 24px;
   }
   .athlete .container .flex-div .flex-child2 ol{
       line-height: 20px;
       font-size: 14px;
   }
   .athlete .container .flex-div .flex-child1{
       width: 49%;
       padding-top: 52px;   
   }
   .our-mission .vision .vision-child1{
       line-height: 18px;
       padding: 10px 9px;
       width: 49%;
   }
   .our-mission .vision .vision-child1 p{
       font-size: 14px;
   }
   .man-sec .man-flex .man-child p {
       padding: 0px;
       text-align: center;
       word-spacing: 0px;
   }
   .athlete .container .flex-div{
       display: block;
   }
   .athlete .container .flex-div .flex-child1{
       width: 100%;
   }
   .athlete .container .flex-div .flex-child2{
       width: 90%;
       margin: auto;
   }
   .man-sec h1{
       font-size: 24px;
   }
   .man-sec .man-flex .man-child p{
       font-size: 12px;
   }
   .man-sec .man-flex .man-child h3{
       font-size: 14px !important;
   }
   
   .man-sec .man-flex .man-child h4{
       font-size: 14px;
   } 
   }        
   @media only screen  and (max-width: 667px) and (min-width: 375px){
       .sm-edit{
           font-size: 15px;
   }
   .container{
       width: 93%;
   }
   .athlete .container .flex-div .flex-child2{
       width: 49%;
   }
   .athlete .container .flex-div .flex-child2 h1{
       font-size: 24px;
   }
   .athlete .container .flex-div .flex-child2 ol{
       line-height: 20px;
       font-size: 14px;
   }
   .athlete .container .flex-div .flex-child1{
       width: 49%;
       padding-top: 0px;   
   }
   .our-mission .vision{
       display: block;
   }
   .our-mission .vision .vision-child1 {
       line-height: 20px;
       padding: 10px 30px 30px 30px;
       width: 100%;
       margin-bottom: 7px;
   }
   .our-mission .vision .vision-child1 p{
       font-size: 14px;
   }
   .man-sec .man-flex{
       display: block;
   }
   .fley .fley-main{
       display: block;
   }
   .fley .fley-main .fley-child1 {
       width: 100%;
   }
   .fley .fley-main .fley-child2 {
       width: 100%;
       align-self:center !important;
       text-align:center !important;
   }
   .bg-img .container h1{
       font-size: 30px;
   }
   .fley .fley-main .fley-child3 {
       width: 100%;
   }
   .man-sec .man-flex .man-child {
       width: 100%;
       background-color: white;
       margin-bottom: 20px;
   }
   .man-sec .man-flex .man-child p {
       padding: 0px;
       text-align: center;
       word-spacing: 0px;
   }
   .athlete .container .flex-div{
       display: block;
   }
   .athlete .container .flex-div .flex-child1{
       width: 100%;
   }
   .athlete .container .flex-div .flex-child2{
       width: 90%;
       margin: auto;
   }
   .man-sec h1{
       font-size: 24px;
   }
   .man-sec .man-flex .man-child p{
       font-size: 12px;
   }
   .man-sec .man-flex .man-child h3{
       font-size: 14px;
   }
   
   .man-sec .man-flex .man-child h4{
       font-size: 14px;
   } 
   .top-left {
       position: absolute;
       top: 19%;
       left: 4%;
       color: #d02a45; 
       font-size: 16px;
   }
   .video_container iframe {
             width:330px;
      height:154px;
   }
   .video_container #vid-left{
       text-align:left !important;
   }
   .iframe_container{
       padding:30px 0 0 0;position:relative;
   }
   .left_frame{
      padding:33% 0px 70px 0px !important;
      margin-bottom: 30px;
   }
   
   }                
   @media only screen  and (max-width: 374px) and (min-width: 320px){
       .sm-edit{
           font-size: 15px;
   }
   .container{
       width: 93%;
   }
   .athlete .container .flex-div .flex-child2{
       width: 49%;
   }
   .athlete .container .flex-div .flex-child2 h1{
       font-size: 24px;
   }
   .athlete .container .flex-div .flex-child2 ol{
       line-height: 20px;
       font-size: 14px;
   }
   .athlete .container .flex-div .flex-child1{
       width: 49%;
       padding-top: 0px;   
   }
   .our-mission .vision{
       display: block;
   }
   .our-mission .vision .vision-child1 {
       line-height: 20px;
       padding: 10px 30px 30px 30px;
       width: 100%;
       margin-bottom: 7px;
   }
   .our-mission .vision .vision-child1 p{
       font-size: 14px;
   }
   .man-sec .man-flex{
       display: block;
   }
   .fley .fley-main{
       display: block;
   }
   .fley .fley-main .fley-child1 {
       width: 100%;
   }
   .fley .fley-main .fley-child2 {
       width: 100%;
   }
   .bg-img .container h1{
       font-size: 30px;
   }
   .fley .fley-main .fley-child3 {
       width: 100%;
   }
   .man-sec .man-flex .man-child {
       width: 100%;
       background-color: white;
       margin-bottom: 20px;
   }
   .man-sec .man-flex .man-child p {
       padding: 0px;
       text-align: center;
       word-spacing: 0px;
   }
   .athlete .container .flex-div{
       display: block;
   }
   .athlete .container .flex-div .flex-child1{
       width: 100%;
   }
   .athlete .container .flex-div .flex-child2{
       width: 90%;
       margin: auto;
   }
   .man-sec h1{
       font-size: 24px;
   }
   .man-sec .man-flex .man-child p{
       font-size: 12px;
   }
   .man-sec .man-flex .man-child h3{
       font-size: 14px;
   }
   
   .man-sec .man-flex .man-child h4{
       font-size: 14px;
   } 
   .top-left {
       position: absolute;
       top: 60%;
       left: 4%;
       color: #d02a45;
       font-size: 25px;
   }
   }   
       /*media query end  */
   
   
   
   
   
   
   /*blog page css start*/
   /*.images .container{*/
   /*    width: 90%;*/
   /*    margin: auto;*/
   /*}*/
   .images{
      padding:30px 0px !important;
   }
   .images h1{
       color: #d02a45;
      font-size: 27px !important;
       margin-bottom: 30px;
       font-weight: 800;
       font-family: sans-serif;
   }
   .images .div-flex-main{
       display: flex;
       flex-wrap: wrap;
       justify-content: space-between;
   }
   .images .div-flex-main .child-flex-main {
       width: 32%;
       margin-bottom: 40px;
   }
   .images .div-flex-main .child-flex-main h2{
       color: black;
       margin-top: 6px !important;
       font-size: 23px;
   }
   .images .div-flex-main .child-flex-main a{
       text-decoration: none;
   }
   .images .div-flex-main .child-flex-main i{
      margin: 0px 2px 0px 0px;
   }
   .images .div-flex-main .child-flex-main span{
       color: #d02a45;
       font-size: 14px;
       margin-right: 7px;
       /*font-weight: bold;*/
   }
   .images .div-flex-main .child-flex-main span a{
        color: #d02a45;
   }
   .images .div-flex-main .child-flex-main img{
       width: 100%;
       margin-bottom: 20px;
       max-height: 223px;
   }
   /* media query satrt */
   @media screen and (max-width: 1230px) and (min-width: 992px){ 
       .images .div-flex-main .child-flex-main{
           width: 32%;
           /*padding: 0px 20.4px 50px 0;*/
           margin-bottom: 40px;
       }
       .images .div-flex-main .child-flex-main h2 {
       color: black;
       font-size: 19px;
       font-weight: bold;
   }
   }                                                                                                              
   @media screen and (max-width: 991px) and (min-width: 768px){ 
       .images .div-flex-main .child-flex-main {
           width: 32%;
           /*padding: 0px 9px 50px 0;*/
           margin-bottom: 40px;
       }
       .images .div-flex-main .child-flex-main h2 {
       color: black;
       font-size: 16px;
       font-weight: bold;
   }
   .images .div-flex-main .child-flex-main span {
       font-size: 13px;
   }
   }
   @media screen and (max-width: 767px) and (min-width: 667px) {
       .images .div-flex-main .child-flex-main{
           width: 32%;
           /*padding: 0 7px 0 0;*/
           margin-bottom: 40px;
       }
       .images .div-flex-main .child-flex-main h2 {
       color: black;
       font-size: 16px;
       font-weight: bold;
   }
   .images .div-flex-main .child-flex-main span {
       font-size: 13px;
   }
   }         
   @media only screen  and (max-width: 667px) and (min-width: 375px){
       .images .div-flex-main .child-flex-main {
           width: 100%;
           padding:0;
           margin-bottom: 40px;
       }
       .images .div-flex-main .child-flex-main h2 {
       color: black;
       font-size: 16px;
       font-weight: bold;
   }
   .images .div-flex-main .child-flex-main span {
       font-size: 13px;
   }
   .image2 .image2-child1 img{
       height:auto !important;
   }
   }                                                                                                      
   @media only screen  and (max-width: 374px) and (min-width: 320px){
       .image2 .image2-child1 img{
       height:auto !important;
   }
       .images .div-flex-main .child-flex-main {
           width: 100%;
           padding:0;
           margin-bottom: 20px;
       }
       .images .div-flex-main .child-flex-main h2 {
       color: black;
       font-size: 16px;
       font-weight: bold;
   }
   .images .div-flex-main .child-flex-main span {
       font-size: 13px;
   }
   }   
   /* media query end */
   /*blog page css end*/
   
   
   
   
   /*blog post css start*/
   .image2{
      margin-top: 50px;
   }
   .image2 .image-child-main{
       display: flex;
       justify-content: space-between;
   }
   .image2 .image2-child1{
       width: 100%;
   }
   .image2 .image2-child1 img{
       width: 100%;
       height: 550px;
       max-height: 550px;
     }
   .image2 .image2-child2 {
       background: linear-gradient(-218deg, rgb(208 42 69) 0%, rgb(39 63 116) 100%); 100%);
       width: 100%;
       box-shadow: 0px 0px 15px rgb(0 0 0 / 5%);
       border-radius: 30px;
       padding: 12px 35px 35px 35px;
   }
   .image2 .image2-child2 h3 {
       margin-top: 10px;
       line-height: 40px;
       font-size: 24px;
       TEXT-ALIGN: center;
       font-weight: 900;
       text-transform: capitalize;
       color: white;
   }
   .digital-flex-child2 a{
       color:black;
   }
   .image2 .image2-child2 p {
       font-size: 14px;
       line-height: 25px;
       color: #4a4a4a;
       margin: 30px 0;
   }
   .image2 .image2-child2 input {
       width: 100%;
       height: 40px;
       border-radius: 5px;
       background-color: #f4f7fb;
       outline: none;
       border: none;
       box-shadow: none;
       color: #7a7a7a;
       padding: 0px 15px;
       margin-bottom: 10px;
   }
   .image2 .image2-child2 label{
       color: #fff;
       font-weight: bold;
   }
   .image2 .image2-child2 textarea {
       width: 100%;
       /*height: 15px;*/
       border-radius: 5px;
       outline: none;
       box-shadow: none;
       font-size: 15px;
       color: rgb(122, 122, 122);
       padding: 10px 15px 10px 15px;
   }
   .image2 .image2-child2 fieldset {
       border: none;
       padding: 0;
   }
   /* captha code */
   .c .cdialogue {
       display: flex;
       justify-content: center;
       align-items: center;
       flex-direction: row;
       justify-content: space-between;
       width: 100%;
       height: 65px;
       font-size: 14px;
       margin-top: 20px;
       font-weight: 400;
       line-height: 17px;
       border: 1px solid #D3D3D3;
       border-radius: 3px;
       background-color: #F9F9F9;
       box-shadow: 0 0 4px 1px rgb(0 0 0 / 8%);
       -webkit-box-shadow: 0 0 4px 1px rgb(0 0 0 / 8%);
   }
   .c .cdialogue .left {
       display: flex;
       justify-content: center;
       align-items: center;
       flex-direction: row;
       position: relative;
       padding-left: 12px;
   }
   .c .cdialogue .left .spinnercont {
       position: absolute;
       top: -8px;
       left: 4px;
       pointer-events: none;
   }
   
   .c .cdialogue .left .spinnercont {
       transform: rotate(0deg);
       opacity: 0;
   }
   svg {
       overflow: hidden;
       vertical-align: middle;
       width: 20px;
   }
   .c .cdialogue .left .checkbox {
       border-radius: 2px;
       background-color: #fff;
       border: 2px solid #C1C1C1;
       font-size: 1px;
       height: 24px;
       width: 24px;
       cursor: pointer;
   }
   .c .cdialogue .left .checkmark {
       position: absolute;
       top: -4px;
       left: 6px;
   }
   
   .hideCheckmark {
       display: none;
   }
   .c .cdialogue .left .cmessage {
       padding-left: 12px;
       font-size: 14px;
       font-weight: 400;
       line-height: 17px;
       color: #000;
       user-select: none;
   }
   .c .cdialogue .right {
       display: flex;
       justify-content: center;
       align-items: center;
       flex-direction: column;
       padding-right: 12px;
   }
   .c .cdialogue .right .logo {
       padding-top: 8px;
       width: 30px;
   }
   .c .cdialogue .right .logo img{
       width: 100%;
   }
   .c .cdialogue .right .ltitle {
       color: #555555;
       font-size: 10px;
       line-height: 7px;
       margin-top: 7px;
       user-select: none;
   }
   .c .cdialogue .right .llinks {
       display: flex;
       justify-content: center;
       align-items: center;
       flex-direction: row;
       color: #555555;
       user-select: none;
   }
   .c .cdialogue .right .llinks .llink {
       font-size: 8px;
       user-select: none;
       cursor: pointer;
   }
   
   a:not([href]) {
       color: inherit;
       text-decoration: none;
   }
   a {
       color: #007bff;
       text-decoration: none;
       background-color: transparent;
   }
   /* captha end */
   /* form end */
   /* SECTION DIGITAL START */
   .digital .digital-flex-main {
       display: flex;
       justify-content: space-between;
        padding-bottom: 50px;
   }
   .digital .digital-flex-main .digital-flex-child1 h3{
       color: #d02a45;
       font-size: 17px;
       font-weight: 100;
   }
   .digital .digital-flex-main .digital-flex-child1 h1{
       font-size: 30px;
   }
   .digital .digital-flex-main .digital-flex-child1 h2{
    font-size: 21px;
}
   .digital .digital-flex-main .digital-flex-child1 a{
       color: black;
   }
   .digital .digital-flex-main .digital-flex-child1{
       width: 64%;
   }
   .digital-flex-child1 span{
   font-size:13px;
   }
   .digital-flex-child1 h4{
    font-size:15px;
   }
   .digital .digital-flex-main .digital-flex-child1 p {
       line-height: 20px;
       text-align: justify;
   }
   .job_application{
    background-color: rgb(115 112 112 / 21%) !important;
    padding: 20px !important;
   }
   .digital .digital-flex-main .digital-flex-child1 p span{
       color: #d02a45;
       font-weight: bold;
   }
   .digital .digital-flex-main .digital-flex-child1 h4{
       margin: 10px 0;
   }
   .digital .digital-flex-main .digital-flex-child1 ul{
       padding: 0 0 0 30px ;
   }
   .digital .digital-flex-main .digital-flex-child1 ul p{
       margin-left: -30px;
   }
   .digital .digital-flex-main .digital-flex-child1 span i{
       color: #d02a45;
        font-size: 13px;
       margin:0 5px 0 12px;
   }
   .digital .digital-flex-main .digital-flex-child2{
       width: 32%;
   }
   .digital .digital-flex-main .digital-flex-child2 .btn{
       background-color: white;
       border: none;
       border-top: 2px solid #ebe7e7;
       margin: 13px 0;
       padding: 10px 0px;
       font-weight: bold;
       width: 100%;
       border-bottom: 2px solid #ebe7e7;
       text-align: left;
   }
   .digital .digital-flex-main .digital-flex-child2 .flex-child2-main{
       width: 100%;
       display: flex;
       justify-content: space-between;
       margin-bottom: 20px;
   }
   .digital .digital-flex-main .digital-flex-child2 .button-div{
       width: 80%;
       padding-top: 20px;
   }
   .digital .digital-flex-main .digital-flex-child2 .button-div button{
       padding: 8px;
       border: none;
       font-size: 12px;
       transition: .4s ease;
       margin-right: 6px;
       margin-bottom: 13px;
   }
   .digital .digital-flex-main .digital-flex-child2 .button-div button:hover{
       background-color: #d02a45;
       color: white;
   }
   .digital .digital-flex-main .digital-flex-child2 h2 button {
       border: none;
       background-color: aliceblue;
       padding: 12px 23px;
       font-weight: bold;
       font-size: 15px;
   }
   .digital .digital-flex-main .digital-flex-child2 .flex-child2-main .child2-main-child1{
       width: 30%;
   }
   .digital .digital-flex-main .digital-flex-child2 .flex-child2-main .child2-main-child1 img{
       width: 100%;
   }
   .digital .digital-flex-main .digital-flex-child2 .flex-child2-main .child2-main-child2{
       width: 66%;
       padding-top: 10px;
       align-self: center;
   }
   .digital .digital-flex-main .digital-flex-child2 .flex-child2-main .child2-main-child2 i{
       color: #d02a45;
       font-size: 13px;
   }
   .digital .digital-flex-main .digital-flex-child2 .flex-child2-main .child2-main-child2 h4{
       color: #d02a45;
       margin: 0px !important;
       font-size: 13px !important;
       font-weight: 100;
   }
   .child2-main-child2 span{
      font-size: 13px;
   }
   
   /* SECTION DIGITAL END */
   /* media query start */
   @media screen and (max-width: 1230px) and (min-width: 992px){
       .image2 .image2-child1{
           width: 100%;
       }
       .image2 .image2-child2{
           width: 100%;
       }
       .image2 .image2-child1 img {
           height: 487px;
           max-height: 550px;
      }
      .digital .digital-flex-main .digital-flex-child1 {
       width: 61%;
   }
   .digital .digital-flex-main .digital-flex-child2 {
       width: 36%;
   }
       .image2 .image2-child2 input{
           height: 33px;
           margin-bottom: 4px;
       }
       .image2 .image2-child2 textarea{
           /*height: 26px;*/
           padding: 10px 15px 10px 15px;
       }
       .image2 .image2-child2 h3 {
           margin-top: 13px;
           line-height: 13px;
           font-size: 26px;
       }
       .digital .digital-flex-main .digital-flex-child1 h1 {
           font-size: 26px;
       }
       .digital .digital-flex-main .digital-flex-child2 .flex-child2-main .child2-main-child1 {
           width: 34%;
       }
       .digital .digital-flex-main .digital-flex-child2 .flex-child2-main .child2-main-child2 {
           width: 60%;
       }
       .digital .digital-flex-main .digital-flex-child2 .button-div {
           width: 97%;
       }
       .digital .digital-flex-main .digital-flex-child2 .button-div button {
           padding: 9px;
           margin-right: 10px;
       }
       .digital .digital-flex-main .digital-flex-child1 p {
           line-height: 18px;
       }
       
        .video_container iframe {
             width:530px;
            height:254px;
   }
   
      .iframe_container{
       padding:45.78% 0 0 0;position:relative;
   }
   
   }                                                                                                     
   @media screen and (max-width: 991px) and (min-width: 768px){
       .image2 .image2-child1 {
           width: 100%;
           /*padding-top: 55px;*/
       }
       .image2 .image2-child1 img {
       width: 100%;
       height: 449px;
       max-height: 550px;
   }
       .image2 .image2-child2{
           width: 100%;
       }
       .image2 .image2-child2 input{
           height: 33px;
           margin-bottom: 4px;
       }
       .image2 .image2-child2 textarea{
           /*height: 26px;*/
           padding: 10px 15px 10px 15px;
       }
       .image2 .image2-child2 h3 {
           margin-top: 13px;
           line-height: 13px;
           font-size: 26px;
       }
       .digital .digital-flex-main .digital-flex-child1 h1 {
           font-size: 23px;
       }
       .digital .digital-flex-main .digital-flex-child2 .flex-child2-main .child2-main-child1 {
           width: 100%;
       }
       .digital .digital-flex-main .digital-flex-child2 .flex-child2-main .child2-main-child2 {
           width: 100%;
       }
       .digital .digital-flex-main .digital-flex-child2 .button-div {
           width: 97%;
       }
       .digital .digital-flex-main .digital-flex-child2 {
           width: 34%;
       }
       .digital .digital-flex-main .digital-flex-child2 h2 button{
           font-size: 14px;
       }
       .digital .digital-flex-main .digital-flex-child2 .button-div button {
           padding: 6px;
           margin-right: 4px;
           font-size: 12px;
       }
       .digital .digital-flex-main .digital-flex-child1 p {
           line-height: 18px;
       }
       .c .cdialogue {
           height: 58px;
           margin-top: 7px;
           line-height: 14px;
       }
       .c .cdialogue .right .logo {
           padding-top: 0px;
           width: 27px;
       }
       .image2 .image2-child2 h3 {
       margin-top: 13px;
       line-height: 13px;
       font-size: 19px;
       }
       .digital .digital-flex-main .digital-flex-child2 .flex-child2-main {
           display: flex;
           text-align: center;
       }
       .digital .digital-flex-main .digital-flex-child2 .flex-child2-main .child2-main-child1 img {
       width: 75%;
   }
       .image2 .image2-child2 {
           background: linear-gradient(-218deg, rgb(208 42 69) 0%, rgb(39 63 116) 100%); 100%);
           padding: 4px 26px;
       }
       .digital .digital-flex-main .digital-flex-child2 .button-div {
           width: 100%;
       }
   }
   @media screen and (max-width: 767px) and (min-width: 667px) {
        .image2 .image2-child1 {
           width: 100%;
           /*padding-top: 55px;*/
       }
       .image2 .image2-child1 img {
       width: 100%;
       height: 449px;
       max-height: 550px;
   }
        .image2 .image2-child2 h3 {
       margin-top: 13px;
       line-height: 13px;
       font-size: 19px;
       }
       .image2 .image2-child1 {
           width: 100%;
           /*padding-top: 40px;*/
       }
       .image2 .image2-child2{
           width: 100%;
       }
       .image2 .image2-child2 input{
           height: 33px;
           margin-bottom: 4px;
       }
       .image2 .image2-child2 textarea{
           /*height: 26px;*/
           padding: 10px 15px 10px 15px;
       }
       .image2 .image2-child2 h3 {
           margin-top: 23px;
           line-height: 0px;
           font-size: 16px;
       }
       .digital .digital-flex-main .digital-flex-child1 h1 {
           font-size: 20px;
       }
       .digital .digital-flex-main .digital-flex-child2 .flex-child2-main .child2-main-child1 {
           width: 66%;
       }
       .digital .digital-flex-main .digital-flex-child1 {
           font-size: 15px;
       }
       .digital .digital-flex-main .digital-flex-child2 .flex-child2-main .child2-main-child2 {
           width: 100%;
       }
       .digital .digital-flex-main .digital-flex-child2 .button-div {
           width: 97%;
       }
       .digital .digital-flex-main .digital-flex-child2 {
           width: 34%;
       }
       .digital .digital-flex-main .digital-flex-child2 h2 button{
           font-size: 14px;
       }
       .digital .digital-flex-main .digital-flex-child2 .button-div button {
           padding: 4px;
           margin-right: 3px;
           font-size: 11px;
       }
       .digital .digital-flex-main .digital-flex-child1 p {
           line-height: 18px;
       }
       .c .cdialogue {
           height: 58px;
           margin-top: 7px;
           line-height: 14px;
       }
       .c .cdialogue .right .logo {
           padding-top: 0px;
           width: 27px;
       }
       .digital .digital-flex-main .digital-flex-child2 .flex-child2-main {
           display: flex;
           text-align: center;
       }
       .image2 .image2-child2 {
           background: linear-gradient(-218deg, rgb(208 42 69) 0%, rgb(39 63 116) 100%); 100%);
           padding: 4px 26px;
       }
       .digital .digital-flex-main .digital-flex-child2 .button-div {
           width: 100%;
       }
   }         
   @media only screen  and (max-width: 667px) and (min-width: 375px){ 
       /*.image2 .image2-child2{*/
       /*    display:none !important;*/
       /*   }*/
       .image2 .image-child-main {
           display: block;
       }
       .image2 .image2-child1 {
           width: 100%;
           padding-top: 10px;
       }
       .image2 .image2-child2 {
           width: 100%;
           padding: 30px;
           margin-top: 14px;
           line-height: 26px;
       }
       .digital .digital-flex-main {
           display: block;
       }
       .image2 .image2-child2 input{
           height: 40px;
           margin-bottom: 4px;
       }
       .image2 .image2-child2 textarea{
           /*height: 26px;*/
           padding:8px 15px 8px 15px;
       }
       .image2 .image2-child2 h3 {
           margin-top: 7px;
           line-height: 0px;
           font-size: 20px;
       }
       .digital .digital-flex-main .digital-flex-child1 h1 {
           font-size: 18px;
       }
       .digital .digital-flex-main .digital-flex-child2 .flex-child2-main .child2-main-child1 {
           width: 30%;
       }
       .digital .digital-flex-main .digital-flex-child1 {
           font-size: 15px;
           width: 100%;
       }
       .digital .digital-flex-main .digital-flex-child2 .flex-child2-main .child2-main-child2 {
           width: 100%;
           padding-left:20px;
       }
       .digital .digital-flex-main .digital-flex-child2 .button-div {
           width: 97%;
       }
       .digital .digital-flex-main .digital-flex-child2 {
           width: 100%;
       }
       .digital .digital-flex-main .digital-flex-child2 h2{
           width: 44%;
           /*margin: auto;*/
       }
       .digital .digital-flex-main .digital-flex-child2 h2 button{
           font-size: 14px;
       }
       .digital .digital-flex-main .digital-flex-child2 .button-div button {
           padding: 4px;
           margin-right: 3px;
           font-size: 11px;
       }
       .digital .digital-flex-main .digital-flex-child1 p {
           line-height: 18px;
       }
       .c .cdialogue {
           height: 58px;
           margin-top: 7px;
           line-height: 14px;
       }
       .c .cdialogue .right .logo {
           padding-top: 0px;
           width: 27px;
       }
       .digital .digital-flex-main .digital-flex-child2 .flex-child2-main {
           display: flex;
           text-align: left;
       }
       .digital .digital-flex-main .digital-flex-child2 .button-div {
           width: 100%;
       }
         .image2 {
            margin-top: 20px;
             }
   }                                                                     
   @media only screen  and (max-width: 374px) and (min-width: 320px){
       .image2 .image-child-main {
           display: block;
       }
       .image2 .image2-child1 {
           width: 100%;
           padding-top: 10px;
       }
       .image2 .image2-child2 {
           width: 100%;
           padding: 30px;
           margin-top: 14px;
           line-height: 26px;
       }
       .digital .digital-flex-main {
           display: block;
       }
       .image2 .image2-child2 input{
           height: 40px;
           margin-bottom: 4px;
       }
       .image2 .image2-child2 textarea{
           /*height: 26px;*/
           padding: 7px 15px 7px 15px;
       }
       .image2 .image2-child2 h3 {
           margin-top: 7px;
           line-height: 0px;
           font-size: 20px;
       }
       .digital .digital-flex-main .digital-flex-child1 h1 {
           font-size: 18px;
       }
       .digital .digital-flex-main .digital-flex-child2 .flex-child2-main .child2-main-child1 {
           width: 30%;
       }
       .image2 {
       margin-top: 20px;
   }
       .digital .digital-flex-main .digital-flex-child1 {
           font-size: 15px;
           width: 100%;
       }
       .digital .digital-flex-main .digital-flex-child2 .flex-child2-main .child2-main-child2 {
           width: 100%;
           padding-left:20px;
       }
       .digital .digital-flex-main .digital-flex-child2 .button-div {
           width: 97%;
       }
       .digital .digital-flex-main .digital-flex-child2 {
           width: 100%;
       }
       .digital .digital-flex-main .digital-flex-child2 h2{
           width: 44%;
           /*margin: auto;*/
       }
       .digital .digital-flex-main .digital-flex-child2 h2 button{
           font-size: 14px;
       }
       .digital .digital-flex-main .digital-flex-child2 .button-div button {
           padding: 4px;
           margin-right: 3px;
           font-size: 11px;
       }
       .digital .digital-flex-main .digital-flex-child1 p {
           line-height: 18px;
       }
       .c .cdialogue {
           height: 58px;
           margin-top: 7px;
           line-height: 14px;
       }
       .c .cdialogue .right .logo {
           padding-top: 0px;
           width: 27px;
       }
       .digital .digital-flex-main .digital-flex-child2 .flex-child2-main {
           display: flex;
           text-align: left;
       }
       .digital .digital-flex-main .digital-flex-child2 .button-div {
           width: 100%;
       }
   }   
   /* media query end */
   /*blog post css end*/
   
   
   
   /*form captacha settings*/
   /* checkbox css start */
   /* The container */
   .ctm-check {
     display: block;
     position: relative;
     padding-left: 23px;
     margin-bottom: 12px;
     cursor: pointer;
     font-size: 22px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
   }
   
   /* Hide the browser's default checkbox */
   .ctm-check input {
     position: absolute;
     opacity: 0;
     cursor: pointer;
     height: 0;
     width: 0;
   }
   
   /* Create a custom checkbox */
   .checkmark {
     position: absolute;
     top: 3px;
     left: 0;
     height: 19px;
     width: 19px;
     border-radius: 3px;
     background-color: white;
     border: 2px solid gray;
   }
   
   /* On mouse-over, add a grey background color */
   .ctm-check:hover input ~ .checkmark {
     border:2px solid #eaca61;
   }
   
   /* When the checkbox is checked, add a blue background */
   .ctm-check input:checked ~ .checkmark {
     background-color:#ff8100;
   }
   
   /* Create the checkmark/indicator (hidden when not checked) */
   .checkmark:after {
     content: "";
     position: absolute;
     display: none;
   }
   
   /* Show the checkmark when checked */
   .ctm-check input:checked ~ .checkmark:after {
     display: block;
   }
   
   /* Style the checkmark/indicator */
   .ctm-check .checkmark:after {
     left: 5px;
     top: 2px;
     width: 5px;
     height: 10px;
     border: solid white;
     border-width: 0 3px 3px 0;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
   }
   .ctm-checkmark{
     color: white !important;
     font-size: 14px !important;
     margin-top: 5px !important;
   }
   .ctm-submit-btn {
       background-color: white;
       text-decoration: none;
       color: black;
       position: relative;
       margin-top: 20px !important;
       border-radius: 3px;
       padding: 10px 18px;
       font-size: 14px;
   }
   .ctm-submit-btn:hover{
       text-decoration:none;
   }
   @media only screen and (max-width:667px) and (min-width:375px){
       .desktop-form{
           display:none!important;
       }
   }
   @media only screen and (max-width:1600px) and (min-width:667px){
    .mobile-form{
         display:none;
    }
   }
   
    .customFont .mainheadh1, .customFont h2, .customFont h4 {
    font-family: 'Russo One', sans-serif !important;
    color: #d02a45 !important;
    font-weight: 100 !important;
}